React Native Navigator 无法包含动态屏幕

问题描述

基本上，我希望动态生成几个屏幕，请看我的代码：

const { Navigator,Screen } = createStackNavigator()
export function OnboardingNavigator(): JSX.Element {
  return (
    <OnBoardingScreenProvider>
      <Navigator headerMode='none'>
        <OnboardingScreens/>
      </Navigator>
    </OnBoardingScreenProvider>    
  )
}

function OnboardingScreens () {
  const screens = React.useContext(Onboarding.OnboardingContext);
  return (
    <>
      {
        screens.map((onboardingScreens,k) => <Screen name={onboardingScreens.name} component={onboardingScreens.component}/>)
      }
    </>
  )
}

OnboardingScreens 函数生成了一个屏幕列表，但不知何故有错误输出 documentation

抱怨 inside <Navigator headerMode='none'> can only contains screen...但是当我的 OnboardingScreens 函数生成屏幕列表时，如果它成功渲染，那么它看起来像：

但是我目前的功能没有达到这个目标，有人能指出我做错了什么吗？ 谢谢

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）