Как перемещаться между экранами в реагировать родной с отдельными файлами JS

Question

Я отреагировал на собственный проект и сохранил домашний экран и подробные экраны как oneScreen.js и два screen.js внутри каталога src, но там имена классов разные.Итак, теперь я хочу вызвать их из файла App.js и после нажатия кнопки на главном экране это должно быть направлено на экран подробностей. Как это сделать с помощью навигатора createStack.

Answer 1

в App.js

import Homescreen from './onescreen';
import Detailscreen from './twoscreen';

class Homescreen extends component{
static navigationoptions={

    enter code here

};
render(){
return(
   <Homescreen navigation={this.props.navigation} />
);
}
}

class Detailsscreen extends component{
static navigationOptions={

    enter code here

}
render(){
return(
<Detailsscreen navigation={this.props.navigation}/>
);
}
}

export default App = createStackNavigator(
{
Home:{screen:Homescreen},
Details:{screen:Detailsscn}
}
);

---

// Вы можете добавить дополнительные свойства в navigationOptions

в кнопке. Вы можете вызвать

this.props.navigation.navigate («Домой»);перейти домой

this.props.navigation.navigate ('Подробности');для навигации детали

---

Answer 2

Можете ли вы попробовать с помощью команды ниже?Я не уверен, что это работает на вашей структуре.Вы должны предоставить больше скриншотов.

<Button
    ...
    onPress = {() => this.props.navigation.navigate("ScreenName")}
/>