极速编程 native-react(2)

搭建服务器端,使用 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 在安全区内内容不会因为屏幕原因而被剪裁或影响。

看一看刷新效果吧

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20180622B1S9R100?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券