Как перейти к последнему экрану, используя заголовок внутри ящика contentComponent с реагировать на родной? - PullRequest
Новая
       45

Как перейти к последнему экрану, используя заголовок внутри ящика contentComponent с реагировать на родной?

0 голосов
/ 14 мая 2019

Когда я добавляю заголовок к пользовательскому компоненту, я не могу перейти к последнему экрану (screen10) в представлении прокрутки. 

        const drawer = createDrawerNavigator({
            Screen1: {screen: EmptyScreen},
            Screen2: {screen: EmptyScreen},
            Screen3: {screen: EmptyScreen},
            Screen4: {screen: EmptyScreen},
            Screen5: {screen: EmptyScreen},
            Screen6: {screen: EmptyScreen},
            Screen7: {screen: EmptyScreen},
            Screen8: {screen: EmptyScreen},
            Screen9: {screen: EmptyScreen},
            Screen10: {screen: EmptyScreen, navigationOptions:{title:"last"} },
        } 
        ,
        {

                contentComponent: (props) => (
                    <View>
                        <View style={{ justifyContent: 'center', alignItems: 'center', height: 100  }} >
                            <Text>Header</Text>
                        </View> 
                        <ScrollView>
                            <SafeAreaView  style={{flex: 1 }}   forceInset={{ top: 'always', horizontal: 'never' }}>
                                <DrawerItems {...props} /> 
                            </SafeAreaView>
                        </ScrollView>
                    </View>
                )
            }
        );

Добавление высоты к safeareaview исправит эту проблему,Я могу прокрутить до последнего пункта.Я не знаю высоту содержимого.Как сделать это правильно?на странице справки не ясно, как добавить заголовок (https://reactnavigation.org/docs/en/drawer-navigator.html)


        const drawer = createDrawerNavigator({
            Screen1: {screen: EmptyScreen},
            Screen2: {screen: EmptyScreen},
            Screen3: {screen: EmptyScreen},
            Screen4: {screen: EmptyScreen},
            Screen5: {screen: EmptyScreen},
            Screen6: {screen: EmptyScreen},
            Screen7: {screen: EmptyScreen},
            Screen8: {screen: EmptyScreen},
            Screen9: {screen: EmptyScreen},
            Screen10: {screen: EmptyScreen, navigationOptions:{title:"last"} },
        } 
        ,
        {

                contentComponent: (props) => (
                    <View>
                        <View style={{ justifyContent: 'center', alignItems: 'center', height: 100  }} >
                            <Text>Header</Text>
                        </View> 
                        <ScrollView>
                            <SafeAreaView  style={{  height: 800 }}   forceInset={{ top: 'always', horizontal: 'never' }}>
                                <DrawerItems {...props} /> 
                            </SafeAreaView>
                        </ScrollView>
                    </View>
                )
            }
        );

Я ожидаю, что смогу перейти на Screen10

...