React Native核心组件和API

核心组件和API

React Native 提供了一些内置的核心组件。

也可以在github或npm上搜索到带有 react native 关键字的大量第三方组件。

一、基础组件

  • View:基础组件
  • Text:显示文本内容
  • Image:显示图片内容
  • TextInput:文本输入框
  • ScrollView:可滚动的容器视图
  • StyleSheet:提供类似CSS样式表的样式抽象层

二、交互控件

  • Button:简单的跨平台按钮控件
  • Picker:在IOS和Android上调用各自原生的选择器控件
  • Slider:滑动数值选择器
  • Switch:开关控件

三、列表视图

和一般化用途的 ScrollView 不同,列表组件只会渲染可见元素,利于大量数据的显示。

  • FlatList:高性能滚动列表组件
  • SectionList:类似于FlatList,但是多个分组显示

四、IOS 独有组件和API

以下组件是对 UIKit 的封装。

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

五、Android 独有组件和API

以下组件是对 Android 常用类的封装。

  • BackHandler:监听并处理设备上的返回按钮
  • DrawerLayoutAndroid:渲染一个DrawerLayout抽屉布局
  • PermissionsAndroid:对Android6.0引入的权限模型封装
  • ToastAndroid:弹出一个 Toast 提示框

六、其他

  • ActivityIndicator:圆形正在加载的符号
  • Alert:提示框
  • Animated:易于使用和维护的动画库
  • CameraRoll:访问本地相册
  • Dimensions:获取设备尺寸
  • KeyboardAvoidingView:视图容器,可随键盘升起而自动移动
  • Linking:提供一个通用的接口来调起其他应用或被其他应用调起
  • Modal:简单的覆盖全屏的模态视图
  • PixelRatio:获取设备的像素密度
  • RefreshControl:用在ScrollView及其衍生组件的内部,用于添加下拉刷新功能
  • StatusBar:控制应用顶部状态栏样式的组件
  • WebView:在原生视图中显示Web内容的组件,RN已移除,推荐使用第三方库
文章作者: koral
文章链接: http://luokaiii.github.io/2020/06/19/前端/ReactNative/进阶指南/1.核心组件和API/
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自