组件之间的 React Native 中的导航器

Question

我想简单导航到另一个公司。我尝试了使用createStackNavigator，但不幸的是它不起作用。第一页是App，第二页是AppLoggedin。这是我的第一个 React Native 应用程序。然后我想稍后导航到信息和印象。你能帮我吗？

https://snack.expo.io/@knefie/outsource-neu

Answer 1

import {createStackNavigator} from 'react-navigation'
import App from './App'
import AppLoggedIn from './AppLoggedIn'
const Stack = createStackNavigator(
{
App: {
screen: App
},
AppLoggedIn:{
screen:AppLoggedin
},
);
export default Stack;

在您的应用程序中.js输入以下内容：

import Stack from './stacknavigator'
export default class App extends Component {
render(
<Stack>
)
}

对于在屏幕之间导航：

this.props.navigation.navigate('App')

Answer 2

const switchNavigator = createSwitchNavigator({
loginFlow: createStackNavigator({
Signup: SignupScreen,
Signin: SigninScreen
}),
mainFlow: createStackNavigator({
Home: HomeScreen,
Settings: SettingsScreen
}),
});
export default createAppContainer(switchNavigator);

尝试这样的事情。 确保导入所需的所有内容，例如 AppContainer 和导航器。

当您由于导航而进行此设置时，您可以使用 onPress 属性从按钮在屏幕之间导航：

在你的函数中使用这样的：

<Button 
onPress={() => navigation.navigate('//The name of the screen where you want to navigate to. )>
</Button>

最后给你的函数导航道具; const NameOfYourScreen = (props( => { ... }