极速编程 native-react(3)

搭建服务器端,使用 express 框架搭建 restful 服务,数据库使用 mongodb。通过 jwt 进行校验

简单说一下输入框,autoCapitalize 控制输入是否接受大小写,returnKeyType 值为 next 设置返回键,keyboardType 设置为 email-address 调出小键盘,键盘支持邮件格式。

成功登录后会将 user 信息通过调用 AsyncStorage 持久存储,来存储用户对象。再下一次打开界面,如果存在用户对象将跳过登录界面,或用保存的用户信息进行自动登录来获取token

KeyboardAvoidingView

手机上弹出的键盘常常会挡住当前的视图。本组件可以自动根据键盘的位置,调整自身的position或底部的padding,以避免被遮挡。

TouchableWithoutFeedback

除非你有一个很好的理由,否则不要用这个组件。所有能够响应触屏操作的元素在触屏后都应该有一个视觉上的反馈(然而本组件没有任何视觉反馈)。这也是为什么一个"web"应用总是显得不够"原生"的主要原因之一

我们通过传递page和limit 这两个参数获取数据,page 是用显示第几页,limit 是每页显示的记录数,

这里使用 fetch 获取数据,成功获取数据后,更新page 值,以便下一次刷新时,会使用更新(加一)的页值来获取数据

我们看一看有关刷新着部分的代码,SafeAreaView 为安全区,当我们应用显示在 iphoneX 大家就可以更好理解SafeAreaView 在安全区内内容不会因为屏幕原因而被剪裁或影响。

看一看刷新效果吧

你可能感兴趣的:(极速编程 native-react(3))