极速编程 native-react(3)

作者: zidea | 来源:发表于2018-12-27 05:59 被阅读27次

    搭建服务器端,使用 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)

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