使用React Native编写的一款阅读类app ———《轻松一刻》

作者:阿钟

博客:http://blog.csdn.net/a_zhon

一款纯React Native原生代码编写的app

源码地址:https://github.com/azhon/Time

效果图:动态效果图看这里(https://github.com/azhon/Time/tree/master/gif


模块一:笑话 — 谜语

使用React Native编写的一款阅读类app ———《轻松一刻》_第1张图片 使用React Native编写的一款阅读类app ———《轻松一刻》_第2张图片 使用React Native编写的一款阅读类app ———《轻松一刻》_第3张图片 使用React Native编写的一款阅读类app ———《轻松一刻》_第4张图片


模块二:鸡汤

使用React Native编写的一款阅读类app ———《轻松一刻》_第5张图片 使用React Native编写的一款阅读类app ———《轻松一刻》_第6张图片


模块三:福利

使用React Native编写的一款阅读类app ———《轻松一刻》_第7张图片 使用React Native编写的一款阅读类app ———《轻松一刻》_第8张图片


模块四:关于

使用React Native编写的一款阅读类app ———《轻松一刻》_第9张图片


使用React Native编写的一款阅读类app ———《轻松一刻》_第10张图片


模块五:详情

使用React Native编写的一款阅读类app ———《轻松一刻》_第11张图片 使用React Native编写的一款阅读类app ———《轻松一刻》_第12张图片


app下载体验

    Android 下载           iOS下载 

使用React Native编写的一款阅读类app ———《轻松一刻》_第13张图片             正在打包中…..


关于app

  • 使用易源Api(SHOWAPI)接口

  • 开发时使用的版本

使用React Native编写的一款阅读类app ———《轻松一刻》_第14张图片


使用到的Library

  • react-navigation(https://reactnavigation.org/)

0?wx_fmt=png
  • react-native-easy-toast

    https://github.com/crazycodeboy/react-native-easy-toast

0?wx_fmt=png


遇到的问题:

  • TabNavigator嵌套TabNavigator:

使用React Native编写的一款阅读类app ———《轻松一刻》_第15张图片


  • 解决React Native中使用TabNavigator时、对tab只设置文字时文字没有垂直居中

(http://blog.csdn.net/a_zhon/article/details/78432619)


使用React Native编写的一款阅读类app ———《轻松一刻》_第16张图片

一命二运三风水,四修阴德五读书!

使用React Native编写的一款阅读类app ———《轻松一刻》_第17张图片

刘桂林

微信号 : Android_LiuGuiLin

新浪微博:@刘某人程序员



你可能感兴趣的:(使用React Native编写的一款阅读类app ———《轻松一刻》)