react-native – 如何在单击按钮时重定向本地反应?
发布时间:2020-12-15 20:32:11 所属栏目:百科 来源:网络整理
导读:当我点击按钮时,如何进入下一个反应原生屏幕? 这是我的代码 import React,{ Component } from 'react';import { AppRegistry,StyleSheet,Text,View,Button,} from 'react-native';import Test from './android/components/Test'export default class ReactT
当我点击按钮时,如何进入下一个反应原生屏幕?
这是我的代码 import React,{ Component } from 'react'; import { AppRegistry,StyleSheet,Text,View,Button,} from 'react-native'; import Test from './android/components/Test' export default class ReactTest extends Component { render() { return ( <View style={styles.container}> <Text style={styles.welcome}> Welcome click the button to register. </Text> <Button style={styles.cancelButton} onPress={this.editUser} title="Register" color="#343434" accessibilityLabel="Register a User."/> </View> ); } } 我是反应原生的新手.按下注册按钮时,我试图从一个屏幕导航到另一个屏幕. 解决方法
您可以使用以下任何一种api
> React Native Router 但我建议你使用React Navigation.以下是如何使用React Navigation的示例 import { StackNavigator,} from 'react-navigation'; const App = StackNavigator({ Home: { screen: HomeScreen },Profile: { screen: ProfileScreen },}); class HomeScreen extends React.Component { static navigationOptions = { title: 'Welcome',}; render() { const { navigate } = this.props.navigation; return ( <Button title="Go to Jane's profile" onPress={() => navigate('Profile') } /> ); } } (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |