第25章 React Native 核心组件与 API 指南

Version: 0.77 核心组件与 API

React Native 内置了多种开箱即用的核心组件，你可以在左侧边栏（若在窄屏设备，则位于顶部菜单）找到它们。如果不确定从何入手，可以重点关注以下分类：

基础组件 用户界面 列表视图 Android 专用 iOS 专用 其他

你不被局限于 React Native 自带的组件和 API。React Native 拥有数千名开发者的社区。如果你在寻找某个具有特定功能的库，请参阅关于查找库的指南。

基础组件 大多数应用程序最终都会使用以下一个或多个基础组件。

View 构建 UI 的最基本组件。 Text 用于显示文本的组件。 Image 用于显示图像的组件。 TextInput 用于通过键盘输入文本的组件。 Pressable 一个包装组件，可检测其子元素上各种按压交互阶段。 ScrollView 提供一个可滚动容器，可容纳多个组件和视图。 StyleSheet 提供类似 CSS 样式表的抽象层。

用户界面 这些通用的用户界面控件可在任何平台上渲染。

Button 一个基础按钮组件，用于处理触摸事件，且在任何平台上都能良好显示。 Switch 渲染布尔值输入。

列表视图 与更通用的 ScrollView 不同，下列列表视图组件仅渲染当前屏幕上的元素。这使得它们成为显示长数据列表的高性能选择。

FlatList 用于渲染高性能可滚动列表的组件。 SectionList 类似 FlatList，但用于分区列表。

Android 组件和 API 以下许多组件提供了对常用 Android 类的封装。

BackHandler 检测硬件按键的返回导航事件。 DrawerLayoutAndroid 在 Android 上渲染 DrawerLayout。 PermissionsAndroid 提供对 Android M 引入的权限模型的访问。 ToastAndroid 创建 Android Toast 提示。

iOS 组件和 API 以下许多组件提供了对常用 UIKit 类的封装。

ActionSheetIOS 显示 iOS 操作表或共享表的 API。

其他 这些组件可能适用于某些特定应用场景。如需完整的组件和 API 列表，请查看左侧边栏（若在窄屏设备，则位于顶部菜单）。

ActivityIndicator 显示圆形加载指示器。 Alert 启动带有指定标题和消息的警报对话框。 Animated 一个用于创建流畅、强大且易于构建和维护的动画的库。 Dimensions 提供获取设备尺寸的接口。 KeyboardAvoidingView 提供一个视图，可自动避开虚拟键盘。 Linking 提供与传入和传出应用链接进行交互的通用接口。 Modal 提供一种简单方式，在包围视图上方呈现内容。 PixelRatio 提供对设备像素密度的访问。 RefreshControl 此组件用于在 ScrollView 内部添加下拉刷新功能。 StatusBar 用于控制应用状态栏的组件。