React-Native Navigation Simple Ex

App.js

import React, { Component } from 'react'
import { AppRegistry, View, Image,StyleSheet,TextInput,FlatList,ActivityIndicator ,SectionList,Text} from 'react-native'
import { StackViewStyleInterpolator } from 'react-navigation-stack';
import { Scene, Router, Actions, Reducer, ActionConst, Overlay, Tabs, Modal, Drawer, Stack, Lightbox } from 'react-native-router-flux';


import PageOne from './PageOne';
import PageTwo from './PageTwo';

export default class App extends Component {
  render() {
    return (
      <Router>
        <Scene key="root">
          <Scene key="pageOne" component={PageOne} title="PageOne" initial={true} />
          <Scene key="pageTwo" component={PageTwo} title="PageTwo" />
        </Scene>
      </Router>
    )
  }
}

PageOne.js

import React, { Component } from 'react';
import { View, Text } from 'react-native';
import { Actions,Scene } from 'react-native-router-flux';

export default class PageOne extends Component {
    render() {
        const goToPageTwo = () => Actions.pageTwo({text: 'Merhaba Dünya!'}); 
        return (
          <View style={{margin: 128}}>
            <Text onPress={goToPageTwo}>Sayfa 1...!</Text>
          </View>
        )
      }
}

PageTwo.js

import React, { Component } from 'react';
import { View, Text,Button } from 'react-native';
import { Actions } from 'react-native-router-flux';

export default class PageTwo extends Component {
  render() {
    return (
      <View style={{margin: 128}}>
        <Text>Sayfa 2....</Text>
        <Text>{this.props.text}</Text>
        <Button onPress={()=> Actions.pop()} title='<- Geri Dön'></Button>
        <Button onPress={()=> Actions.refresh({text: 'S3rkan!'})} title='Yenile !!'></Button>
      </View>
    )
  }
}