学习博客园开源代码笔记(一)

来源:互联网 发布:tomcat修改1099端口 编辑:程序博客网 时间:2024/06/05 16:46

学习别人写的项目是一个不错的学习方法,地址:https://github.com/togayther/react-native-cnblogs 看别人代码的时候可能会遇到各种问题,这里做下记录也希望大家能解惑。

index.android.js或者index.ios.js是项目的开始界面,

这里写图片描述

很简单的一个界面,注册了一个控件,需要注意的是图中红框的部分from后面到文件夹,而不是具体的文件,这种情况下默认是source/index.js 文件。

接下来我们就看下source/index.js

这里写图片描述

从这个页面我们发现项目中用到了react-redux,我用过半个项目,感觉不是特别好用,后来换成了mobx,简单的页面直接用的state。网上有很多react-redux的介绍,也有react-redux和mobx的对比,大家自行查看吧。

接下来进入的是component/navigation。 render部分:

这里写图片描述

项目使用了Navigator导航,Navigator目前已经被react-navigation替代,http://reactnative.cn/docs/0.44/navigation.html#content

这里写图片描述

大家知道红框部分的作用是什么吗?我目前没看明白,希望大家解惑。

Navigator下面又个Plugin
这里写图片描述

这个页面的功能:
1、设置状态条( 为什么ios没有这个功能呢?
2、获取是否有最新版本app并提示是否更新
3、Toast提示消息

疑问:
1、版本更新为什么要放Navigator外面,有什么好处吗?我一般直接放首页了。
2、Messager页面的功能是提示消息,为什么不在需要的地方直接Toast呢?