用react-native+typescript+redux写糗事百科app

最近一段时间都在玩react-native,在React-Native学习指南里看到有人做了个react-native的糗事百科客户端,点进去看发现代码也是一年前的了，便打算自己写一个练练手。

这周花了点时候做了个半成品出来，实现了主要的糗事查看功能。使用到的技术有react-native、redux、typescript,代码放在github上了，感兴趣的同兴可以看一下。

用typescript来写react-native是非常爽的，抓包把糗事、评论、用户信息的数据结构弄出来搞成interface,配合vscode,智能提示非常爽。再加上vscode的react-native-tools插件，调试也非常给力。

用到的第三方组件

. react-native-scrollable-tab-view

. react-native-tab-navigator

. react-native-vector-icons

遇到的问题

• 使用HorizontalSwipeJump作为导航切换动画，左滑会返回上一页。原因是左滑触发了pop事件。
  解决方法是禁用这一特性，具体代码为:

configureScene() {
        return Object.assign({},Navigator.SceneConfigs.HorizontalSwipeJump,{gestures: {pop: null}});
    }

• iOS上使用fetch发起http请求返回network request failed。原因是ios9默认使用https进行网络请求。
  解决方法是在Info.plist中的App Transport Security Settings中添加Allow Arbitrary Loads并设置基类型为Boolean，值为YES。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!