React-Nativeページ間をナビゲート

Question

私はReact-Nativeで単純な2つの静的ページアプリケーションを作っています。

ボタン（TouchableHighlight）があるランディングページAbout usがあり、ユーザーがそれをクリックすると全く新しいコンポーネントが表示されます。

HTMLでは、このような何かを行うことになります。<a href="aboutus.html">

私はreact-native-router-fluxを使用しようとしましたが、私はいくつかのエラーを取得しておくと、私は、ヘッダーを持っている必要はありません。

Answer 1

I index.android.js（index.js）では、このようにそれ

を行い、インポートし、画面を定義し、あなたの画面で

import {StackNavigator} from 'react-navigation' 
    import App from './App'; 
    import App1 from './App1'; 
    import App2 from './App2'; 

    const Navigation = StackNavigator({ 
     App:{screen: App}, 
     App1:{screen: App1}, 
     App2:{screen: App2} 
    }); 

をナビゲートしたいあなたはここに移動したいです

export default class App extends React.Component<{}> { 
     static navigationOptions={ 
      title:'First Screen', 
     } 
     render() { 
     var {navigate} = this.props.navigation; 
     return (
      <View> 
      <Text>This is first screen</Text> 
      <Button 
       onPress={() => navigate('App1')} 
       title="Go to screen 2" 
      /> 
      </View> 
     ); 
     } 
    }  

App1.js意志同じあなたが別の（App2.js）に移動したい場合はApp.jsとして