2018-07-01から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動くのは便利だ。それ…
しばらくPythonを触ってなかったら、pipがうまく動かなくなっていた。定期的にメンテナンスしないとダメ。 ➜ ~ pip install --upgrade pip Could not fetch URL https://pypi.python.org/simple/pip/: There was a problem confirming the ssl certificate: …
ReactNative 0.56.0でAndroidの予想変換時の絵文字入力でのクラッシュが治ってるとのことで、「さっそくアップデートだ!」と意気込んでいたのだが、泥沼だった。いろいろあったので、対応したことをメモしておく。アップデートはreact-native-git-upgradeコ…
「人狼ゲームマスター」という人狼ゲームのゲームマスターをやってくれる、超絶便利なアプリ(自画自賛)を作っているのだが、ReactNativeを0.53からアップデートしたら、iOSですごくバグって困った。ご不便おかけしました。ちなみに、Androidでは同問題は起こ…
ReactNativeの開発で、ネイティブのライブラリを使うためにiOSはcocoapodsを利用している。cocoapods 1.4.0では上手く動いていたのに、1.5.3にアップデートするとiOSのビルドが通らなくなってしまった。エラーは以下、 'React/RCTDefines.h' file not found …
すでにネイティブで作っているアプリの一部をReactNativeにして、iOS/Androidの開発を楽にしたいという実験をやっている。しかし、いろいろ難所があって、なかなか難しい。 で、こまったのが、ReactNativeのViewがネイティブアプリに表示されたのは良いもの…
ReactNativeをXcodeでビルドして、Xcodeのコンソール見ていると、すごい勢いでログが表示されていた。こんな感じ。 nw_connection_get_connected_socket 1 Connection has no connected handler nw_connection_get_connected_socket 2 Connection has no con…