脚本宝典收集整理的这篇文章主要介绍了用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。

脚本宝典总结

以上是脚本宝典为你收集整理的用react-native+typescript+redux写糗事百科app全部内容，希望文章能够帮你解决用react-native+typescript+redux写糗事百科app所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。