/**
- Sample React Native App
- https://github.com/facebook/react-native
- @flow
*/
import React, { Component } from 'react';
import {
AppRegistry,
StyleSheet,
Text,
View,
TouchableOpacity,
Button,
} from 'react-native';
import TDemo from './TDemo'
import {StackNavigator} from 'react-navigation';
class Index extends Component {
render() {
var navigate = this.props.navigation.navigate;
return (
<TouchableOpacity style={styles.container}>
<View >
<Text>Hello, Chat App!</Text>
<Button
onPress={() => navigate('TDemo',{user:'用户'})}
title="Chat with Lucy"
/>
</View>
</TouchableOpacity>
);
}
}
Index.navigationOptions={
title:'首页',
};
const SimpleApp = StackNavigator({
Index:{screen:Index},
TDemo:{screen:TDemo}
});
const AppNavigation = () => (
<SimpleApp />
);
export default class App extends React.Component {
render() {
return (
<AppNavigation/>
);
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: 'center',
alignItems: 'center',
backgroundColor: '#F5FCFF',
},
});
