React Native 教程

第 1 节. React Native 入门

• 什么是 React Native – 介绍 React Native 以及为什么要使用 React Native 开发跨平台移动应用程序。
• 设置 React Native 开发环境 – 向您展示如何快速设置 Expo 和 Expo Go 以立即开始 React Native 开发。
• React Native Hello World – 学习如何创建第一个名为 Hello World 的 React Native 应用程序，并了解应用程序结构。

第 2 节. 文本、SafeArea 和 ScrollView 组件

• 文本 – 向您展示如何使用 Text 组件在移动应用程序上显示文本。
• SafeAreaView – 使用 SafeAreaView 组件在设备安全边界内渲染嵌套组件。
• ScrollView – 在您的应用程序中创建可滚动内容。

第 3 节. 使用 FlatList 和 SectionList 渲染列表

• FlatList – 有效地显示大量项目列表。
• SectionList – 使用节标题渲染大型列表。

第 4 节. 文本输入、KeyboardAvoidingView、Pressable、Switch 和 Image

• TextInput – 学习如何使用各种键盘类型创建文本输入字段。
• KeyboardAvoidingView – 向您展示如何使用 KeyboardAvoidingKey 组件自动调整其属性，以便在显示虚拟键盘时保持嵌套组件可见。
• Pressable – 使用 Pressable 在您的应用程序中创建触摸交互性。
• Switch – 创建一个切换开关。
• Image – 在您的应用程序中显示本地或远程图像。

第 5 节. 布局

• Flexbox – 学习如何使用 Flexbox 布局在您的移动应用程序上排列组件。
• 定位 – 学习如何使用相对和绝对定位在屏幕上定位组件。

第 6 节. 钩子

• useWindowDimensions – 向您展示如何使用 useWindowDimension 钩子获取当前窗口的尺寸，包括宽度和高度。
• useColorTheme – 学习如何使用 useColorTheme 钩子获取当前用户首选的颜色主题颜色（深色或浅色）。

第 7 节. React 导航

在本节中，您将学习如何设置导航，包括堆栈导航、底部标签导航和抽屉导航，以在屏幕之间导航。

• 堆栈导航 – 设置 React 导航并创建一个堆栈导航器，允许您在屏幕之间来回移动。
• 底部标签 – 使用底部标签导航器创建按钮标签。
• 抽屉 – 使用抽屉导航器创建抽屉。