StackNavigator (1)
1218 ワード
/** 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;
} Index.navigationOptions={title:'トップページ',};const SimpleApp = StackNavigator({ Index:{screen:Index}, TDemo:{screen:TDemo} }); const AppNavigation = () => ( ); export default class App extends React.Component { render() { return ( ); } } const styles = StyleSheet.create({ container: { flex: 1, justifyContent: 'center', alignItems: 'center', backgroundColor: '#F5FCFF', },
});
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 (
Hello, Chat App!
);
}
} Index.navigationOptions={title:'トップページ',};const SimpleApp = StackNavigator({ Index:{screen:Index}, TDemo:{screen:TDemo} }); const AppNavigation = () => ( ); export default class App extends React.Component { render() { return ( ); } } const styles = StyleSheet.create({ container: { flex: 1, justifyContent: 'center', alignItems: 'center', backgroundColor: '#F5FCFF', },
});