React native 使用expo、native base和react navigate时,您如何构建组件和屏幕?

React native 使用expo、native base和react navigate时,您如何构建组件和屏幕?,react-native,expo,react-navigation,native-base,React Native,Expo,React Navigation,Native Base,刚开始尝试用React Native构建一个应用程序。我决定使用expo+react navigate+native base作为基线,但是我在设置项目时遇到了困难,因为每个文档似乎都在做不同的事情 具体来说,我想知道组件(例如搜索栏)和不同屏幕的代码在哪里。react navigate的文档似乎将所有屏幕都保存在App.js文件中,但我不应该将不同的屏幕分离到子文件夹中的不同.js文件中吗?native base的文档完全更改了App.js文件,因此我不知道如何在其中实现屏幕。我能找到的所有指

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

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


提前谢谢

通常文件结构有点像这样:

  • 节点单元
  • 博览会
  • src
    • 屏风
    • 组成部分
  • app.js
  • package.json
  • package-lock.json
最初执行expo start时,src文件夹将不在那里。 你必须做到

通常,您将使用的组件放在src文件夹的components目录中,屏幕放在screens目录中。screens目录中的屏幕使用components目录中的组件

app.js文件通常用于启动应用程序时要显示的初始屏幕。但是大多数人将这个app.js文件制作成一个导航器文件,您可以在其中导入所有导航屏幕


请记住,这些规则只是惯例,您也可以根据自己的方便进行自定义。

啊,对不起,没有看到您的编辑。非常感谢!那么我的App.js文件应该包含什么才能同时使用react navigate屏幕和本机基本组件呢?你的App.js文件可以包含react navigation对象,你可以从screens目录导入你计划使用的所有屏幕。本机基本元素可以在任何屏幕中导入,只要您需要使用组件。这回答了你的问题吗?