实现一个React-Native 小页面与跳转（入门）

继博主上一篇搭建React-Native环境搭配完成后，开始来构建我们的项目了。

首先搭建一个项目，博主第一关注的即项目的目录。（这一方面关于项目的目录以及搭建在网上的资料是真的很少啊）

先不多说，上图。

（上图是举个栗子，命名规范有待考究）

博主在根目录建了个src文件夹，文件里再分了components文件夹、navigation文件夹、pages文件夹以及static文件夹和Util文件夹。

分别说下用途：

• src： 顾名思义，就是我们写代码的主要地方啦。
• components：这里放置项目页面的各种封装的小组件供调用。
• navigation：这一块主要用于页面跳转处理（较为重要）
• pages: 这一块主要来放置相应的各种页面，例如博主的项目里目前有4个页面，分别是LoginScreen、LoginScreenOne、LoginScreenTwo还有PhoneLogin界面，至于index.js则是将所有页面汇集导出（这一块只是做个简化）。
• static：这个文件夹主要来放置一些相应的静态文件，如图片等。
• Util：这个文件夹主要用来放一些项目所需的处理工具。

大致目录即介绍完毕。

接下来走一遍项目运行流程：

首先看项目创建时产生的一个启动页： App.js

这个App.js即为我们一开始运行项目所看到的页面，在此处，博主将这个页面重新编写，关联到刚刚提到的 navigation 文件夹下的 index.js 文件。