React Native 動態添加屏幕

Question

我想從可變數組動態添加屏幕。

這有效：

但這不起作用： 它說：錯誤：找不到導航器的任何屏幕。 您是否將任何屏幕定義為其子屏幕？

如何修復第二個更“動態”？

Answer 1

您可以將components更改為對象列表。

然后通過它們的鍵和值在項目內循環。

const components = [
 {
   name: "Home",
   element: HomeScreen
 },
 {
   name: "Details",
   element: DetailsScreen
 }
];

const renderScreen = () => {
  let result = null;

  if (components) {
    result = components.map((item, i) => {
       return <Stack.Screen name={item.name} element={item.element} />
    });
  }

  return result;
}

return(
  {renderScreen()}
)

Answer 2

將element => { <Stack... /> }改為element => { return <Stack... /> }或element => ( <Stack... /> )