React Native - initialProperties Android

Question

私はReact-Nativeの下で働いています。私はJavaを介してJSに初期小道具を渡しています。これは、このようなinitialPropertiesとObjective-Cで容易に行うことができる。

initialPropertiesは this.props介してJSにJSONに変換して利用できるようになり NSDictionaryある

RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation 
                 moduleName:@"myapp" 
               initialProperties:initialProperties 
                launchOptions:launchOptions]; 

。 私はAndroidでも同じことをやろうとしています。どんな助け？ありがとう

Answer 1

Androidでは、launchOptionsをバンドルとしてinitialPropertiesに渡すことができます。ソースコードにここで言及されたよう

：https://github.com/facebook/react-native/blob/7377fdcc70b25eb023e7c6d1b37eeae2a700cb88/ReactAndroid/src/main/java/com/facebook/react/ReactRootView.java#L325-L334

ですから、このような何か行うことができます反応するネイティブv0.20のとおり

Bundle initialProps = new Bundle(); 
initialProps.putString("myKey", "myValue"); 

mReactRootView.startReactApplication(mReactInstanceManager, "MyAwesomeApp", initialProps); 

Answer 2

を、あなたはでgetLaunchOptionsメソッドをオーバーライドすることができますMainActivity.javaファイル

@Override 
protected Bundle getLaunchOptions() { 
    Bundle opts = new Bundle(); 
    opts.putBoolean("someValue", true); 
    return opts; 
} 

これはあなたのメインのアプリケーションコンポーネントの小道具からsomeValueにアクセスできるようになります：

class App extends React.Component { 
    static propTypes = { 
    someValue: PropTypes.bool, 
    }; 

    render() { 
    return <SomeComponent someValue={this.props.someValue} />; 
    } 
} 

AppRegistry.registerComponent('App',() => App); 

Answer 3

は注意してください、これが反応し、ネイティブに廃止されました> 0.34

https://github.com/facebook/react-native/pull/9320

このコミットメッセージです：

Move `getLaunchOptions` from ReactActivity to ReactActivityDelegate 
Summary: 
After 3c4fd42, `getLaunchOptions` no longer exists in class `ReactActivity`. 
We need refactor UIExplorerActivity to fix the build error. 
Closes #9320 

Differential Revision: D3696381 

Pulled By: astreet 

fbshipit-source-id: 5700cf2363029a95cfbdaf6230e4f82ea69fb472 
master (#2) v0.34.0-rc.0 

したがって、あなたのバージョンのreactを更新する場合は、コードのこの部分を変更する必要があります。また、親クラスに存在しないメソッドをオーバーライドしているため、エラーメッセージが表示されず、 「今、私はこのコードを使用し、ReactActivityDelegateの内側に移動された

Answer 4

getlauchOptionsをデバッグするのは難しいことでしょう：

public class MainActivity extends ReactActivity { 

/** 
* Returns the name of the main component registered from JavaScript. 
* This is used to schedule rendering of the component. 
*/ 
@Override 
protected String getMainComponentName() { 
    return "myAppName"; 
} 

@Override 
protected ReactActivityDelegate createReactActivityDelegate() { 
    return new ReactActivityDelegate(this, getMainComponentName()) { 
     @Nullable 
     @Override 
     protected Bundle getLaunchOptions() { 
      Bundle initialProps = new Bundle(); 
      initialProps.putString("SOME_VARIABLE_1", BuildConfig.SOME_VARIABLE_1); 
      initialProps.putString("SOME_VARIABLE_2", "some variable 2 value"); 
      return initialProps; 
     } 
    }; 
} 

Answer 5

ここにすべての答えは、古くなって少し見えました。 React-Native 0.42では、これは私のために働いた。あなたの活動（ないアプリケーション）クラスで

この

@Override 
protected ReactActivityDelegate createReactActivityDelegate() { 
    return new ReactActivityDelegate(this, "My Cool App") { 
     @Nullable 
     @Override 
     protected Bundle getLaunchOptions() { 
      Bundle bundle = new Bundle(); 
      if(MainActivity.this.port != null) { 
       bundle.putInt("port", MainActivity.this.port); 
      } 
      return bundle; 
     } 
    }; 
} 

は明らかにこれは素晴らしい作品ネイティブコンポーネント