Question

我已经反应了本机项目，我将主屏幕和详细信息屏幕保存为src目录中的oneScreen.js和两个screen.js，但是类名不同。因此，现在我想从App.js文件中调用它们，然后在主屏幕中按下按钮后，应将其定向到详细信息屏幕。如何使用createStack导航器进行操作。

Answer 1

您可以尝试使用波纹管命令吗？我不确定它是否适用于您的结构。您应该提供更多屏幕截图。

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

Answer 2

在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（'Home'）;导航到家

this.props.navigation.navigate（'Details'）;导航详细信息

如何使用单独的js文件在本地本机屏幕之间导航

2 个答案: