index.android.js
import {
AppRegistry,
} from 'react-native';
import SimpleApp from './app/SimpleApp'
AppRegistry.registerComponent('SimpleApp', () => SimpleApp);
SimpleApp.js
'use strict'
import React from 'react';
import {
AppRegistry,
Text,View,Button,
} from 'react-native';
import { StackNavigator } from 'react-navigation';
import ChatScreen from './ChatScreen';
class HomeScreen extends React.Component {
static navigationOptions = {
title: 'Welcome',//设置标题内容
};
render() {
const { navigate } = this.props.navigation;
return (
<View>
<Text>Hello, Navigation!</Text>
<Button
onPress={() => navigate('Chat',{user:'Lucy'})}
title="Chat with Lucy"/>
</View>
);
}
}
const SimpleApp = StackNavigator({
Home: {screen: HomeScreen},
Chat:{screen:ChatScreen},
});
export default SimpleApp;
ChatScreen.js
'use strict'
import React,{Component} from 'react';
import {View,Text} from 'react-native';
class ChatScreen extends Component{
static navigationOptions = {
title:'Chat with Lucy',
};
render(){
const {params} = this.props.navigation.state;
return(
<View>
<Text>Chat with {params.user}</Text>
</View>
);
}
}
export default ChatScreen;