继博主上一篇搭建React-Native环境搭配完成后,开始来构建我们的项目了。
首先搭建一个项目,博主第一关注的即项目的目录。(这一方面关于项目的目录以及搭建在网上的资料是真的很少啊)
先不多说,上图。
(上图是举个栗子,命名规范有待考究)
博主在根目录建了个src文件夹,文件里再分了components文件夹、navigation文件夹、pages文件夹以及static文件夹和Util文件夹。
分别说下用途:
- src: 顾名思义,就是我们写代码的主要地方啦。
- components:这里放置项目页面的各种封装的小组件供调用。
- navigation:这一块主要用于页面跳转处理(较为重要)
- pages: 这一块主要来放置相应的各种页面,例如博主的项目里目前有4个页面,分别是LoginScreen、LoginScreenOne、LoginScreenTwo还有PhoneLogin界面,至于index.js则是将所有页面汇集导出(这一块只是做个简化)。
- static:这个文件夹主要来放置一些相应的静态文件,如图片等。
- Util:这个文件夹主要用来放一些项目所需的处理工具。
大致目录即介绍完毕。
接下来走一遍项目运行流程:
首先看项目创建时产生的一个启动页: