React-Native项目结构分析

一 理解导航和列表,详情之间的关系

 -1 注意在最后的导出的接口(index.js中)是导航器页,并不是主页(homePage),由于homepage做导出和导航器做导出的结果是一样的,但会导致不同页面间this.props的指向混乱性出错, 

常见的导航器为StackNavigator(栈式导航),一般在导航器页中将要用到的所有页面声明化,同时第一个声明页会作为栈的顶端显示(也就是app启动第一页)

 -2 HomePage的结构 : 在此页面中集成了tab底导航,常见的是在此页面中导入四个/五个页面,例:商品首页,分类,购物车,我等

 -3 在0.55导航器页导出中,采用了export default + 导航器的类名来导出

 -4 详情页肯定是从列表页中跳转过来的,免不了要传递参数,又免不了详情页返回列表页而带来的刷新(有时不需要)


二 React-Native : constructor的理解

constructor类似于java中的构造函数,只是不同的的是React-Native中的constructor还能声明变量(this),一般在java中,我们是用this指向到已经定义过的变量,而在React-Native 中不要刻意在constructor外声明变量和赋值俩种操作,利用this.+变量名其实就是声明了变量

实例化并赋值,如类:LanguageDao.js 中construtor(flag) { this.flag=flag}   ,在PopularPage.js中实例化this.languageDao=new LanguageDao(FLAG_LANGUAGE.flag_key) 



猜你喜欢

转载自blog.csdn.net/qq_35394891/article/details/80439795