美文网首页
RN之组件和API

RN之组件和API

作者: 一只西西狸 | 来源:发表于2019-10-15 10:51 被阅读0次

React Native提供了一些内置的组件,当然也能搜索到大量的第三方组件。

基础组件

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

交互控件

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

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

列表视图

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

FlatList
高性能的滚动列表组件
SectionList
类似FlatList,但是多了分组显示。

iOS独有的组件和API

ActionSheetIOS
从设备底部弹出一个ActionSheet弹出框选项菜单或分享菜单
AlertIOS
弹出一个提示对话框
DatePickerIOS
显示一个日期/时间选择器
ImagePickerIOS
插入图片
ProgressViewIOS
渲染一个UIProgressView进度条
PushNotificationIOS
管理推送通知,包括权限处理和应用角标数字
SegmentedControlIOS
渲染一个UISegmentedControl顶部选项卡布局
TabBarIOS
渲染一个UITabViewController底部选项卡布局,需要和TabBarIOS.Item搭配使用

Android独有的组件和API

BackHandler
监听并处理设备上的返回按钮
DatePickerAndroid
打开日期选择器
DrawerLayoutAndroid
渲染一个DrawerLayout抽屉布局
PermissionsAndroid
对Android 6.0引入的权限模型的封装
ProgressBarAndroid
渲染一个ProgressBar进度条
TimePickerAndroid
打开时间选择器
ToastAndroid
弹出一个Toast提示框
ToolbarAndroid
在顶部渲染一个Toolbar工具栏
ViewPagerAndroid
可左右翻页滑动的视图容器

其他

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

ActivityIndicator
显示一个圆形的正在加载的符号
Alert
弹出一个提示框,显示指定的标题和信息
Animated 
易于使用和维护的动画库,可生成流畅而强大的动画。
CameraRoll
访问本地相册
Dimensions
获取设备尺寸
KeyboardAvoidingView
一种视图容器,可以随键盘升起而自动移动
Linking
提供了一个通用的接口来调起其他应用或被其他应用调起
Modal
一种简单的覆盖全屏的模态视图
PixelRatio
可以获取设备的像素密度
RefreshControl
此组件用在ScrollView及其衍生组件的内部,用于添加下拉刷新的功能。
StatusBar
用于控制应用顶部状态栏样式的组件
WebView
在原生视图中显示web内容的组件

相关文章

  • RN之组件和API

    React Native提供了一些内置的组件,当然也能搜索到大量的第三方组件。 基础组件 交互控件 提供一些常见的...

  • RN组件和API概览

    组件 跨平台组件ActivityIndicator: 菊花Button: 按鈕,自定义性差,一般不用FlatLi...

  • React Native学习

    1.RN官方文档 RN官方提供的说明文档,初略的介绍了RN组件和api的使用方法,用于带领RN初学者入门使用的。h...

  • React Native Back自定义物理返回键事件

    基本用法 从44版本以后RN已经废弃了BackAndroid API,加了新的组件BackHandler,老版本的...

  • 混合开发:RN调用原生页面或View

    前言 RN和iOS混合开发的几种场景。 原生项目中,调用部分RN页面。 原生页面中,调用部分RN组件。 RN项目中...

  • 混合开发:原生调用RN页面或组件

    前言 RN和iOS混合开发的几种场景。 原生项目中,调用部分RN页面。 原生页面中,调用部分RN组件。 RN项目中...

  • 面试-ReactNative相关

    RN组件的生命周期 RN如何优化 Redux 和 MobX 选择 RN与原生通信 RN原理 ES6相关知识

  • RN使用经验

    rn版本:0.55原生和rn混编 TouchableWithoutFeedback系列组件内部包含的Text设置l...

  • RN的ScrollView和ListView

    1、ScrollView组件 RN封装了Android与IOS两大操作系统提供的滚动视图组件,该组件支持RN组件V...

  • React Native填坑之旅--与Native通信之iOS篇

    终于开始新一篇的填坑之旅了。RN厉害的一个地方就是RN可以和Native组件通信。这个Native组件包括nati...

网友评论

      本文标题:RN之组件和API

      本文链接:https://www.haomeiwen.com/subject/mvcdmctx.html