React Native => 获取导航屏幕名称

Question

如果可能的话；

如何获取文件夹文件的列表名称，然后使用该名称使用 expo React Native 创建页面的导航链接，我的代码如下所示，我想从此处添加它们，例如自动导航器添加器对象，以将道具传递到主屏幕创建导航按钮。

我知道这个问题将在 8 个月后得到解答，所以提前致谢。 :)

应用程序.js

import { createAppContainer } from "react-navigation";
import { createStackNavigator } from "react-navigation-stack";
import HomeScreen from "./src/screens/HomeScreen";
import ComponentsScreen from "./src/screens/ComponentsScreen";
import ListScreen from "./src/screens/ListScreen";
import ImageScreen from "./src/screens/ImageScreen";
import CounterScreen from "./src/screens/CounterScreen";
import ColorScreen from "./src/screens/ColorScreen";
import TextScreen from "./src/screens/TextScreen";
import BoxScreen from "./src/screens/BoxScreen";
import FlexScreen from "./src/screens/FlexScreen";


import listReactFiles from "list-react-files";
listReactFiles().then(files => console.log(files));


const navigator = createStackNavigator(
  {
    Home: HomeScreen,
    Components: ComponentsScreen,
    List: ListScreen,
    Image: ImageScreen,
    Counter: CounterScreen,
    Color: ColorScreen,
    Text: TextScreen,
    Box: BoxScreen,
    Flex: FlexScreen,
  },
  {
    initialRouteName: "Home",
    defaultNavigationOptions: {
      title: "App",
    },
  }
);

export default createAppContainer(navigator);

package.json

{
  "name": "rn-starter-update",
  "version": "1.0.0",
  "main": "node_modules/expo/AppEntry.js",
  "scripts": {
    "start": "expo start -p 19000 -a",
    "android": "expo start --android",
    "ios": "expo start --ios",
    "web": "expo start --web"
  },
  "dependencies": {
    "@expo/webpack-config": "^19.0.0",
    "@react-native-community/masked-view": "^0.1.11",
    "expo": "~49.0.10",
    "expo-status-bar": "~1.6.0",
    "list-files": "^1.1.4",
    "list-react-files": "^0.2.0",
    "react": "18.2.0",
    "react-dom": "18.2.0",
    "react-native": "0.72.5",
    "react-native-gesture-handler": "~2.12.0",
    "react-native-reanimated": "~3.3.0",
    "react-native-safe-area-context": "4.6.3",
    "react-native-screens": "~3.22.0",
    "react-native-web": "~0.19.6",
    "react-navigation": "^4.4.4",
    "react-navigation-stack": "^2.10.4"
  },
  "devDependencies": {
    "@babel/core": "^7.20.0"
  },
  "private": true
}

我尝试了list-react-files和list-files包=>不间断加载屏幕等待..所以我什至无法控制台记录文件名。

Answer 1

我不确定我是否 100% 理解，但听起来 Expo Router 可能值得研究一下？

这是其文档的链接：https://docs.expo.dev/routing/installation/