У меня есть такой случай, когда в моем приложении. js Я хочу отобразить компоненты на весь экран
Я использую react-native-router
<NativeRouter>
<Switch>
<Route exact path='/' component={WelcomePage} />
<Route path='/login' render={props => <Login {...props} />} />
<Route path='/signup' render={props => <Signup {...props} />} />
<Route path='/appPage' render={props => <AppPage {...props} />} />
<Route
path='/formEditor' render={props => <FormEditor {...props} />} />
</Switch>
</NativeRouter>
И у меня также есть bottomNavigation, которое также отображается при входе в систему, где я отображаю компоненты выше.
<NativeRouter>
<Route exact path='/' render={props => <Formbuilder {...props} />} />
<Route
path='/formBuilder'
render={props => <Formbuilder {...props} />}
/>
<Route path='/stats' render={props => <Stats {...props} />} />
<Route path='/schedule' component={Schedule} />
<Route path='/Range' render={props => <Range {...props} />} />
<Route path='/formEditor' render={props => <FormEditor {...props} />} />
</NativeRouter>
<View>
....bottomNavigation code that I always display here
</View>
Теперь я хочу вызвать компонент (например, login) из компонента FormBuilder
, который отображается в этом маршруте, чтобы отобразить его в полноэкранном режиме, но он отображает только маршруты, которые находятся на этой странице. (bottomNavigation).