リアクションネイティブ：既存のアプリケーションとの統合

Question

私は反応が新しく、リアクションネイティブドキュメントで開いている既存のアプリケーションの統合に関するチュートリアルに続きました。

private ReactRootView mReactRootView; 
....... 

Bundle launchOptions = new Bundle(); 
launchOptions.putBoolean("test", true); 
//mReactRootView.startReactApplication(mReactInstanceManager, "ThirdAwesomeComponent", launchOptions); 
mReactRootView.startReactApplication(mReactInstanceManager, "ThirdAwesomeComponent", null); // Actual example 

index.android.jsでHelloWorldのコンポーネントでlaunchOptionsを読み込む方法はありますか？

また、反応ネイティブデーモンを呼び出す必要がある場所から2つのアクティビティがあり、サーバーから返された2つの異なるレイアウトをレンダリングする必要があります。

私は現在、以来、私は一つだけを持っていることをどのように操作を行うことができます。

​​

Answer 1

行うための最善の方法は、

を使用してインデックスページからApp.jsに何かのように、

リダイレクトを行っています

AppRegistry.registerComponent（ "アプリケーション"、（）=> APP）

これは、アプリケーションにリダイレクトします

次に、サーバー出力に基づいて2つの異なるシーンをレンダリングします。状態変数を作成し、それを初期状態に初期化することができます。

あなたのコンポーネントのレンダリング機能では、状態値をチェックし、必要に応じてレイアウトを割り当てることができます。

使用

export default Class App extends Component{ 
constructor(props){ 
super(props) 
this.state{ 
    data1:false, 
    data2:true, 
    loaded:false, 
} 
} 


//do all the fetching data to server here 


componentWillMount(){ 
//after fetching the data to server 

    change the state as 

    this.setState({ 
     data1:true, 
     data2:false, 
     loaded:true 
    }) 
} 


render({ 
    if(this.state.loaded && this.state.data1){ 
     return(
      //layout which you want to return 
     ) 
    }else if(this.state.loaded && this.state.data2){ 
     return(
      //second layout code 
     ) 
    }else{ 
     return(
       //can create a loading spinner here 
       <Text>Loading.....</Text> 
     ) 
    } 
    }) 
} 

のようなもの希望、これはあなたの起動オプションが小道具としてコンポーネントのコンストラクタに渡されます

乾杯

Answer 2

に役立ちます。 だけ mReactRootView.startReactApplication（mReactInstanceManager、「ThirdAwesomeComponent」、launchOptions）を呼び出している間、私はAndroidのネイティブアプリからホストとポート番号のようなサーバーの詳細を変更することができますどのようにコンストラクタに

​​