2018-07-31から1日間の記事一覧
ReactNativeで開発するときのルーターとしては、ReactNavigationを使うことが多いだろう。 さて、そうすると、AppRegistry.registerComponentされるComponentはReactNavigationのComponentであるため、initialPropertiesでネイティブから受け取った値を、Rea…
ネイティブアプリからReactNativeに情報を渡すには、initialPropertiesに渡してあげれば良い。すると、表示するReactNativeのmoduleのpropsに情報が入る。 RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation moduleName:@"App…
ReactNativeのハイブリッドをリリースしようと思うと、jsをバンドルし、Xcodeに埋め込む必要がある。 また、開発時点だと以下のようになっているが、localhostからjsを読み込んでいるので、ここも修正する必要がある。 NSURL *jsCodeLocation; jsCodeLocatio…
ReactNativeをネイティブアプリに表示する方法を書いた。表示するだけのページなどであれば、iOS/Androidが両方同じソースコードで管理できるため便利だ。 さて、複数の固定ページを表示するには、どうしたらいいか?それは、ReactNative側のindex.jsで、App…
まずは、ネイティブアプリとのインテグレーションをやっていく。僕は、iOSのエンジニアなので、まずはiOSから。そのうち、Androidもやりたいと思っているが、Androidはメルカリの人がよいチュートリアルを書いている。 ReactNativeのインテグレーションは、…
ReactNativeはiOS / Androidアプリを同一コードで作れる便利なライブラリで、FacebookやInstagramなどが採用している。 ReactNativeで一からアプリを作る場合は、とても便利である。何個か簡単なアプリを作ってみたが、同一コードで両OS動くのは便利だ。それ…