Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- import React, { Component } from 'react';
- import App from './components/Home';
- import {
- AppRegistry,
- View
- } from 'react-native';
- export default class myapp extends Component {
- render() {
- return (
- <App />
- );
- }
- }
- AppRegistry.registerComponent('myapp', () => myapp);
- import React, { Component } from 'react';
- import {StackNavigator} from 'react-navigation';
- import Regions from './Regions';
- import Compatibility from './Compatibility';
- import {
- AppRegistry,
- StyleSheet,
- Text,
- View,
- Linking
- } from 'react-native';
- class Home extends Component {
- static navigationOptions = {
- title: 'Login',
- headerStyle: {
- backgroundColor:'#000000'
- },
- headerTitleStyle: {
- color:'#fff'
- }
- };
- render(){
- const {navigate} = this.props.navigation;
- return (
- <View style={styles.container}>
- <Text style={styles.instructions} onPress={()=>navigate('Regions',{realm:'blah'})}>
- Regions
- </Text>
- </View>
- );
- }
- }
- const styles = StyleSheet.create({
- container: {
- flex: 1,
- justifyContent: 'center',
- alignItems: 'center',
- backgroundColor: '#F5FCFF',
- },
- instructions: {
- textAlign: 'center',
- color: '#333333',
- marginBottom: 5,
- },
- });
- const myscreens = StackNavigator({
- Home: {screen: Home},
- Regions:{screen:Regions},
- Compatibility:{screen:Compatibility}
- });
- export default myscreens;
- import React, { Component } from 'react';
- import {StackNavigator} from 'react-navigation';
- import {
- Text,
- View,
- FlatList
- } from 'react-native';
- export default class Regions extends Component {
- static navigationOptions = {
- title: 'Pick Region',
- headerStyle: {
- backgroundColor:'#F00'
- },
- headerTitleStyle: {
- color:'#fff'
- },
- headerTruncatedBackTitle:{
- color:'#fff'
- },
- headerBackTitle:{
- color:'#fff'
- },
- headerBackTitleStyle:{
- color:'#fff'
- },
- headerTruncatedBackTitle:{
- color:'#fff'
- }
- };
- constructor(props)
- {
- super(props);
- }
- render() {
- const {navigate} = this.props.navigation;
- let data = [
- {regionName:'General',numOfDimensions:2}
- ];
- return (
- <FlatList
- data={data}
- keyExtractor={(item, index) => index}
- renderItem={({item}) => <Text onPress={()=>navigate('Compatibility',{item:item})}>{item.regionName}</Text>}
- />
- );
- }
- }
- import React, { Component } from 'react';
- import {
- Text,
- View,
- FlatList
- } from 'react-native';
- export default class Compatibility extends Component {
- static navigationOptions = {
- title: 'Pick Region',
- headerStyle: {
- backgroundColor:'#F00'
- },
- headerTitleStyle: {
- color:'#fff'
- },
- headerTruncatedBackTitle:{
- color:'#fff'
- },
- headerBackTitle:{
- color:'#fff'
- },
- headerBackTitleStyle:{
- color:'#fff'
- },
- headerTruncatedBackTitle:{
- color:'#fff'
- }
- };
- constructor(props)
- {
- super(props);
- }
- render() {
- console.log('Compatibility');
- return <View></View>;
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement