Question

我本周才刚开始对我正在做的项目进行编码。我已经为实际的登录按钮使用可触摸的不透明性创建了一个登录页面，但是一旦添加了用户详细信息，我就无法弄清楚如何使该按钮导航到主屏幕。

我尝试过/跟随了各种例子，但是没有任何运气。如果有人可以就本节的代码行提供一些指导，那将是巨大的帮助。不知道我在做什么错，但这是我的头脑！

可能是基本的东西，但是第一次使用React-native。

这似乎是我遇到问题的领域。我拿走了我尝试过的东西，因为它可能是完全错误的。

 <TouchableOpacity style={styles.btnLogin}>
      <Text style={styles.text}>Login</Text>

 </TouchableOpacity>

有人可以确认如果要进口什么东西吗？我尝试导入各种类型的导航，并建议我在将笔记本电脑扔出窗户之前将正确的代码放入本节。

Answer 1

<TouchableHighlight onPress={() => this.props.navigation.navigate("LoginScreen")}>
      <Text>Login</Text>
</TouchableHighlight>

在您的App.js中添加以下代码

import { createAppContainer } from "react-navigation";
import { createStackNavigator } from "react-navigation-stack";

import Credits from "./src/Screens/Login"; //Import from where your Login.js is
import Home from "./src/Screens/Home";     //Import from where your Home.js is

const AppNavigator = createStackNavigator({
  HomeScreen: { screen: Home, navigationOptions: { header: null } }, 
  LoginScreen: { screen: Login, navigationOptions: { header: null} }
});
const App = createAppContainer(AppNavigator);
export default App;

可触摸的不透明度按钮指南

1 个答案: