跳到主要内容
新架构实战课 实操 + 基建 + 原理全维度包揽,抢先掌握 React Native 新架构精髓 立即查看 >

核心组件和API

React Native 提供了一些内置的核心组件供你使用。你可以在网站的左侧看到组件的完整列表。如果你不知道从哪看起,那么可以先看一下下面这个简单的分类:

需要说明的是,你不会被局限在这些内置组件上。React Native 是大开源社区的作品,所以你还可以在 github 或是 npm 上搜索到带有react native关键字的大量的第三方组件。

基础组件

大多数应用都会用到这里的基础组件。如果你是新手的话,那更应该先好好熟悉一下这些组件:

View

搭建用户界面的最基础组件。

Text

显示文本内容的组件。

Image

显示图片内容的组件。

TextInput

文本输入框。

ScrollView

可滚动的容器视图。

StyleSheet

提供类似CSS样式表的样式抽象层。

交互控件

提供一些常见的跨平台的交互控件。

Button

一个简单的跨平台的按钮控件。

Switch

开关控件。

列表视图

和一般化用途的ScrollView不同,下面的列表组件只会渲染当前屏幕可见的元素,这样有利于显示大量的数据。

FlatList

高性能的滚动列表组件。

SectionList

类似FlatList,但是多了分组显示。

iOS 独有的组件和 API

下面的组件都是对常用的 UIKit 类的封装。

ActionSheetIOS

从设备底部弹出一个显示一个ActionSheet弹出框选项菜单或分享菜单。

Android 独有的组件和 API

下面的组件提供了对 Android 常用类的封装。

BackHandler

监听并处理设备上的返回按钮。

DrawerLayoutAndroid

渲染一个DrawerLayout抽屉布局。

PermissionsAndroid

对Android 6.0引入的权限模型的封装。

ToastAndroid

弹出一个Toast提示框。

其他

下面的组件可能适用于一些特定场景。

ActivityIndicator

显示一个圆形的正在加载的符号。

Alert

弹出一个提示框,显示指定的标题和信息。

Animated

易于使用和维护的动画库,可生成流畅而强大的动画。

Dimensions

获取设备尺寸。

KeyboardAvoidingView

一种视图容器,可以随键盘升起而自动移动。

Linking

提供了一个通用的接口来调起其他应用或被其他应用调起。

Modal

一种简单的覆盖全屏的模态视图。

PixelRatio

可以获取设备的像素密度。

RefreshControl

此组件用在ScrollView及其衍生组件的内部,用于添加下拉刷新的功能。

StatusBar

用于控制应用顶部状态栏样式的组件。

WebView

在原生视图中显示Web内容的组件。