欢迎来到 React Native 教程页面!这里我们将带你了解如何使用 React Native 开发跨平台移动应用。

快速开始

  1. 安装 Node.js 和 npm:React Native 需要 Node.js 和 npm 来运行。
  2. 安装 React Native CLI:使用 npm 安装 React Native CLI。
  3. 创建新项目:使用 CLI 创建一个新的 React Native 项目。
  4. 运行应用:使用 Android Studio 或 Xcode 运行你的应用。

基础组件

React Native 提供了许多基础组件,如:

  • View:用于布局。
  • Text:用于显示文本。
  • Image:用于显示图片。
  • Button:用于创建按钮。

示例代码

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

const App = () => {
  return (
    <View>
      <Text>Hello, React Native!</Text>
      <Image
        source={{
          uri: 'https://cloud-image.ullrai.com/q/Golden_Retriever/',
        }}
        style={{ width: 100, height: 100 }}
      />
      <Button title="Click Me" />
    </View>
  );
};

export default App;

扩展阅读

想要了解更多关于 React Native 的内容,可以访问我们的 React Native 官方文档

React Native Logo