当在另一个视图中包含视图时，React Native导航

Question

我在用反应本机导航在屏幕之间有问题。这是我的堆栈导航器

Login: {
    screen: Login
},
Home: {
    screen: Home,
    nestedScreen: LoginForm,
},
LoginForm: {
    screen: LoginForm
},

和我的登录页面就像这个

<View style={styles.formContainer}>
            <LoginForm />
        </View>

现在如何使用登录表单文件中的导航器。我用过了，但导致" JS的畸形呼叫：现场大小不同"

Answer 1

您是否尝试过以下代码：

Login: {
            screen: LoginScreen,
        },
        SetPassword: {
            screen: SetPasswordScreen,
        },
        mainFlow: {
            screen: TabNavigator(
                {
                    overviewFlow: {
                        screen: StackNavigator(
                            {
                                Overview: {
                                    screen: OverviewScreen,
                                },
                                DietitianInfo: {
                                    screen: DietitianInfoScreen,
                                },
                            },
                            {
                                headerMode: 'none',
                            }
                        )
                    },
                    Goals: {
                        screen: GoalsScreen,
                    },
                    diaryFlow: {
                        screen: StackNavigator(
                            {
                                DiaryOverview: {
                                    screen: DiaryOverviewScreen,
                                },
                                DiaryEntry: {
                                    screen: DiaryEntryScreen,
                                },
                            },
                            {
                                headerMode: 'none',
                            }
                        )
                    },
                    Notes: {
                        screen: NotesScreen,
                    },
                },
                {
                    tabBarPosition: 'bottom',
                    navigationOptions: ({ navigation }) => ({
                        // ...                         
                    }),
                    tabBarOptions: {
                       // ...
                    },
                }
            )
        }
    },