Я довольно новичок в реакции на родной язык и пытаюсь понять, какую помощь / руководство кто-либо может предложить, будет принята с благодарностью. поэтому у меня есть этот экран ссылок, и я пытаюсь перейти к другому экрану для этого примера. Я создал экран под названием «пробная версия» (код не включен), в котором просто отображается простой изгиб с фоном. Тем не менее, я очень озадачен тем, как работает перенос стека. Все, что я видел в Интернете, использует props.this.navigation.navigate (»), однако я хочу, чтобы мой стековый навигатор был в отдельном js-файле вместо того, чтобы все мои окна были в одном и том же файле. Так что для этого примера я пытаюсь перейти от LinksScreen к пробной версии, я буду добавлять больше окон, поэтому я не собираюсь использовать навигатор-переключатель.

На заметку (IDK, если это актуально) Экран «Ссылки» уже встроен в код навигатора вкладок, представленный ниже:

Еще раз спасибо за любую возможную помощь.

экран:

import MyStackNavigator from '../navigation/StackNavigator'; import { createAppContainer } from 'react-navigation'; const AppContainer = createAppContainer(MyStackNavigator); export default function LinksScreen() { return ( {amp}lt;ScrollView style={styles.container}{amp}gt; {amp}lt;Button style = {styles.button} onPress={() ={amp}gt; AppContainer.props.navigation.navigate('Trial')} title="Make a Plan" /{amp}gt; 

…. Остаток

Класс навигации по стеку:

 import { createStackNavigator } from 'react-navigation-stack'; import LinksScreen from '../screens/LinksScreen'; import Trial from '../screens/Trial'; const MyStackNavigator = createStackNavigator( { Trial: Trial, LinksScreen: LinksScreen, }, ); 

Навигация по вкладкам:

 const LinksStack = createStackNavigator( { Links: LinksScreen, }, config ); LinksStack.navigationOptions = { tabBarLabel: 'Workouts', tabBarIcon: ({ focused }) ={amp}gt; ( {amp}lt;TabBarIcon focused={focused} name={Platform.OS === 'ios' ? 'ios-fitness' : 'md-fitness'} /{amp}gt; ), }; LinksStack.path = ''; ..... const tabNavigator = createBottomTabNavigator({ HomeStack, LinksStack, SettingsStack, }); tabNavigator.path = ''; export default tabNavigator; 

Main App.js

 import AppNavigator from './navigation/AppNavigator'; export default function App(props) { const [isLoadingComplete, setLoadingComplete] = useState(false); if (!isLoadingComplete {amp}amp;{amp}amp; !props.skipLoadingScreen) { return ( {amp}lt;AppLoading startAsync={loadResourcesAsync} onError={handleLoadingError} onFinish={() ={amp}gt; handleFinishLoading(setLoadingComplete)} /{amp}gt; ); } else { return ( {amp}lt;View style={styles.container}{amp}gt; {Platform.OS === 'ios' {amp}amp;{amp}amp; {amp}lt;StatusBar barStyle="default" /{amp}gt;} {amp}lt;AppNavigator /{amp}gt; {amp}lt;/View{amp}gt; ); } } 

….