У меня есть родительский навигатор, который устанавливает модальное окно следующим образом -:
function Launcher({navigation}){
return(
<Launch.Navigator
mode="modal"
>
<Launch.Screen
name='launchButton'
component={LaunchButton}
/>
<Launch.Screen
name='multiform'
component={MultiForm}
options={{
headerShown:false
}}
/>
</Launch.Navigator>
)
}
Multiform - это второй навигатор, вложенный внутри первого следующим образом -:
function MultiForm({navigation}) {
return(<FormNavigator.Navigator
initialRouteName='formOne'
>
<FormNavigator.Screen
name="formOne"
component={FormOne}
/>
<FormNavigator.Screen
name="formTwo"
component={FormTwo}
/>
</FormNavigator.Navigator>
)
}
Я знаю вложение работает, потому что следующий компонент внутри LaunchButton работает -:
<Button title="Go to form two" onPress={
()=>navigation.navigate('multiform', {
screen:'formTwo'
})}
/>
Но следующие компоненты из FormOne не работают
<Button title="go to form two" onPress={()=>navigation.navigate('formTwo')}/>
<Button title="nested" onPress={()=>navigation.navigate('multiform', {
screen:'formTwo'
})}/>
Но первая кнопка должна работать, не так ли? нет?
Спасибо за вашу помощь!
Edit FormOne - это модальное окно. Я не думал, что это проблема, потому что navigate.goBack
работает - что должно означать, что модальное окно имеет доступ к действиям навигации?