Question

因此，我正在为我的编程课做一个庞大的移动应用程序项目。我们有一个“客户端”，我们仍在等待在其末端设置服务器，因此我们有一个登录按钮，但它尚未连接到数据库或其他任何东西。此刻，我只是想让登录按钮导航到主屏幕，以便我们可以单击所有内容以确保一切正常。

我在网上找到的示例和论坛都假设我的按钮和导航将位于主App.js文件中。或所有登录按钮所做的只是弹出一个警告对话框。当按下按钮时，我可以弹出一个警告对话框，所以我知道该按钮除了导航之外还可以使用。我的按钮实际上位于另一个名为LoginScreen.js的文件中，该文件已从App.js添加到导航堆栈中。我只是想知道我是否缺少一个库，或者我没有正确调用某些东西。我发现很多其他论坛确实过时了。

我需要我的按钮才能从LoginScreen.js文件工作，并且我需要它能够导航到另一个页面（MainScreen.js）。有人知道为什么这行不通吗？

我的App.js文件：

e.Handled = true;

我的LoginScreen.js文件：

import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
import { createStackNavigator, createAppContainer } from 'react-navigation'
import LoginScreen from './components/LoginScreen'
import MainScreen from './components/MainScreen'


const AppStackNavigator = createStackNavigator({
  Login:{ screen: LoginScreen },
  Main:{ screen: MainScreen }
})

const App = createAppContainer(AppStackNavigator);

export default App;

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },
});

这是我第一次在论坛上发帖寻求帮助，所以请告知是否需要澄清。

Answer 1

应为this.props.navigation.navigate("Main")。

至少到目前为止，这是我在创建的应用程序中一直在做的事情。

在这里看看：https://reactnavigation.org/docs/en/navigation-prop.html

希望这会有所帮助！

为什么我的反应导航按钮不起作用？

1 个答案: