核心组件和API
React Native 提供了一些内置的核心组件供你使用。你可以在网站的左侧看到组件的完整列表。如果你不知道从哪看起,那么可以先看一下下面这个简单的分类:
需要说明的是,你不会被局限在这些内置组件上。React Native 是大开源社区的作品,所以你还可以在 github 或是 npm 上搜索到带有react native
关键字的大量的第三方组件。
#
基础组件大多数应用都会用到这里的基础组件。如果你是新手的话,那更应该先好好熟悉一下这些组件:
View
搭建用户界面的最基础组件。
Text
显示文本内容的组件。
Image
显示图片内容的组件。
TextInput
文本输入框。
ScrollView
可滚动的容器视图。
StyleSheet
提供类似CSS样式表的样式抽象层。
#
交互控件提供一些常见的跨平台的交互控件。
#
列表视图和一般化用途的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内容的组件。