使用expo、native-base 和react-navigate 时如何构建组件和屏幕？

Question

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

具体来说，我想知道在哪里保存组件（例如搜索栏）和反应导航中不同屏幕的代码。React-navigate 的文档似乎将所有屏幕保留在 App.js 文件中，但我不应该将不同的屏幕分成子文件夹中的不同 .js 文件吗？Native-base 的文档完全改变了 App.js 文件，因此我不知道如何在其中实现屏幕。我能找到的所有指南似乎都已过时或未使用 expo 文件结构，因此我无法让设置正常工作。

提前致谢！

Answer 1

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

• 节点模块
• 世博会
• 源代码
  • 屏幕
  • 成分
• 应用程序.js
• 包.json
• 包锁.json

当您最初这样做时，src 文件夹不会在那里expo start。你必须成功。

通常，您将使用的组件放在 src 文件夹的 Components 目录中，将屏幕放在 Screens 目录中。屏幕目录中的屏幕使用组件目录中的组件。

app.js 文件通常用于您想要在应用程序启动时显示的初始屏幕。但大多数人也会将此 app.js 文件放入导航器文件中，您可以在其中导入所有导航屏幕。

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