在使用expo、native-base和react-navigate时,如何架构组件和屏幕?

问题描述 投票:0回答:1

刚开始尝试用React Native构建一个应用。我决定使用expo + react-navigate + native-base作为基线,然而我在设置我的项目时遇到了麻烦,因为每个文档似乎都在做不同的事情。

具体来说,我想知道在react-navigate中,组件(例如搜索栏)和不同屏幕的代码应该放在哪里。react-navigate的文档似乎将所有的屏幕都放在App.js文件中,但是我是不是应该将不同的屏幕分离到一个子文件夹中的不同的.js文件中?native-base的文档完全改变了App.js文件,所以我不知道如何在其中实现屏幕。我所能找到的所有指南似乎都已经过时了,或者没有使用expo文件结构,所以我很难让这个设置工作起来。

先谢谢你

react-native expo react-navigation native-base
1个回答
0
投票

通常情况下,文件结构有点像这样。

  • node_modules
  • 博览会
  • 原产地
    • 屏幕
    • 部件
  • app.js
  • 软件包.json
  • package-lock.json

当您最初进行的是 expo start.你必须要做。

一般来说,你把你使用的组件,放在src文件夹的component目录下,屏幕放在screen目录下。screens目录下的screen使用的是components目录下的组件。

app.js文件通常用于你在启动应用时要显示的初始屏幕。但也有大多数人将这个app.js文件制作成导航器文件,在这里你可以导入所有的导航画面。

请记住,这些规则只是约定俗成,你也可以根据自己的方便来定制。

© www.soinside.com 2019 - 2024. All rights reserved.