下面是一个简单的 TypeScript 在 React Native 中应用的例子:

import React from 'react';
import {Text, View} from 'react-native';

interface Props {
  name: string;
}

const HelloWorld: React.FC<Props> = ({name}) => {
  return (
    <View>
      <Text>Hello {name}!</Text>
    </View>
  );
};

export default HelloWorld;

在上面的代码中,我们定义了一个 React 组件 HelloWorld,它接受一个 name 属性,并使用 TypeScript 的接口来定义该属性的类型。我们还使用了 React 的函数式组件语法,并使用了 React Native 提供的 TextView 组件来渲染文本和容器。

最后,我们将 HelloWorld 组件导出,以便在其他文件中使用它。

注意:在使用 TypeScript 编写 React Native 应用时,需要安装 @types/react-native 包,以便 TypeScript 可以识别和检查 React Native 的类型。


原文地址: https://www.cveoy.top/t/topic/bVfA 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录