ReactNative API

React Native学习 本文总阅读量次

Alert 提示框

  • Alert启动一个提示对话框，包含对应的标题和信息。
  • 你还可以指定一系列的按钮，点击对应的按钮会调用对应的 onPress 回调并且关闭提示框。默认情况下，对话框会仅有一个’确定’按钮。
  • 可以参考文档

语法：

1
2
3
4
5
Alert.alert( title, message, [button1,button2...], {cancelable:} )
button:{
text:title,
onPress:()=>{}
}

例子

eg：判断输入框中的内容是否为空，若为空，弹出提示对话框：
例子

AsyncStorage 异步存储

AsyncStorage是React Native提供的一个异步、未加密、持久的、全局的键值对(key-value)存储模块

方法 描述
setItem(key,value) 通过key-value（键值对） 存储数据
getItem(key) 通过key 读取数据 value
removeItem(key) 删除 key对应的那条数据
clear() 清除全部数据

例子

将登录页账号密码做异步存储，再次进入时读取账号密码进行回显：
image.png

将readUserData中读取到的account和pass赋给TextInput的value属性值：
image.png

BackHandler

①退出程序:

1
BackHandler.exitApp()

②处理实体返回键：
处理实体返回键

组件生命周期

可以参考React的生命周期函数

地理位置信息

Geolocation API为React Native框架下的App提供获取定位坐标的功能

首先获取权限，Android下修改AndroidMenifest.xml文件，添加如下代码：

1
<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION"/>

android文件夹中内容修改需要重新安装应用才能生效
给App开启定位权限，设置模拟器虚拟定位
getCurrentPosition([callback]) 获取当前位置信息
watchPosition([callback]) 监控位置变更时进行函数回调

例子

React Native学习