Javascript 组件文件夹还是屏幕文件夹？

在过去的两周里，我一直在学习RN，我有一个问题：为什么在SRC文件夹中会有一个组件文件和一个屏幕文件？他们不是一回事吗？我见过程序员只是使用一个Screens文件夹，在那里他们将所有组件都包含在这些屏幕中。我还看到程序员只有一个components文件夹，屏幕上的所有代码都放在那里。这真的重要吗？你喜欢什么？我目前正在处理的项目只有一个screens文件夹

---

谢谢

在React Native中，您通常会使用

screens/

文件夹并在其中创建所有组件屏幕。现在，如果您希望创建可重用组件，那么您可以创建一个

components/

文件夹，并将这些特定组件放在其中

正如上一个答案中所说的，关于这一点没有硬性规定，只有惯例

因此，一个好的用例可能是您希望有一个UI，向用户显示一些带有内容的卡片。您可能有一个

screens/ImageScreen.js

，它表示这些卡片项目所在的总体布局，但是对于用户将在该屏幕内滚动的每个卡片项目，它可能是一个名为

Card.js

或

ImageDetail.js

的单独组件，或者您希望的任何组件，它位于

components/

文件夹中

因此，在主布局或屏幕中，您可以将子级导入父级，例如：

import React from "react";
import { View, Text, StyleSheet } from "react-native";
import ImageDetail from "../components/ImageDetail";

然后您可以在父屏幕中显示该子组件，如下所示：

const ImageScreen = () => {
  return (
    <View>
      <ImageDetail />
      <ImageDetail />
      <ImageDetail />
      <ImageDetail />
    </View>
  );
};

const ImageScreen=（）=>{
返回(
);
};

然后，您可以将道具从父屏幕传递到子组件，以自定义该子组件如何显示自己以及如何向用户显示自己