ReactNative react-nativeの黄色い警告ボックスを消す
react-nativeで開発していると、画面下部に黄色いやつが良く現れる。開発中はたまにデバッグの役に立つんだけど、リリースしてもこれが出たらクレーム一直線。という訳で、これが絶対出ないようにする方法を調べたところ、意外と簡単だった。co...
ReactNative
ReactNative ReactNative ReactNavigationのStackNavigatorで常に最初のrouteを表示する方法
こんな感じのアプリを作っている。Screenは本当はもうちょっと多いけど。TabNavigator ├ StackNavigator(SN1) │ ├ ScreenA │ └ ScreenB │ ├ StackNavigator(SN2) ...
ReactNative nativebaseでtoastを使う時は、最上位をRootで囲むこと
nativebaseのtoastを使おうと思って、とりあえずサンプルをそのままコピペして実行したらcannot read property '_root' of undefinedというエラーが出た。ドキュメントを見るとFor Toast ...
ReactNative react-navigationをver.2に上げたらtabBarIconが消えてtabBarLabelも意図と違う文字に…
react-navigationがいつの間にかver.2系になっていたので、怖かったけど思い切ってupgradeしてみた。そしたら案の定、問題が続々…。まず最初にハマったのは、ver.1.5のtypescriptの型定義をインストールしたま...
ReactNative react-navigationのtabBarIconで画像を使う時に激ハマりした事 in typescript
合計で7日間程ハマってしまった…。しかも、結論は馬鹿過ぎるほど簡単だった…。navigationOptions: ({ navigation }) => ({ tabBarLabel: 'Label', tabBarIcon: ({ tin...
ReactNative reactのrender内でmapを使ってchild componentをループさせる時に気を付ける事…
react-native-mapsを使ってMarkerを表示しようとしたんだけど、何度やっても表示されない。chromeのconsole内では確かにmarkerがループで回っている。何でだと悩み続けて4日程…答えは物凄く簡単だった。rend...
iOS linker command failed with exit code 1 (use -v to see invocation)にドハマり…[一応解決済]
react nativeで開発中のアプリを実機のiPhone6で動かしていたんだけど、何かのタイミング(不明…)から実機でのビルドだけコケるようになった。出力されるエラーメッセージはこんな感じ。ld: can't link with a m...
ReactNative react-native-configのiosでドハマり…[解決済]
APIサーバがlocalhostと本番で2つ有るので、設定ファイルで切り替えたいと思い、以下のパッケージを入れた。react-native-configSetupの項目に従ってインストールし、Different environmentsの項...
ReactNative react-native-mapsでzoom levelをset/getする方法
react-native-mapsこいつを使って地図を表示しているんだけど、素のGoogleMapSDKと違って、zoom levelの設定や取得のメソッドが無い。という訳で、いつもの通りGoogle先生。zoom levelをsetする方...
ReactNative react-nativeで起きたエラー達
何か良く分からんけど、エラーが起きる度に解決法をググるので、忘れないように備忘録。1.Error: Activity class {パッケージ名っぽいやつMainActivity} does not exist.yarn run andro...
ReactNative react-navigationで「Warning: isMounted(…) is deprecated in plain JavaScript React classs…」と言われる時の対処法
とりあえず、react-nativeでiosで言うUITabBarControllerをやろうと思ってTabNavigatorとやらを使ったら、画面下部に黄色い枠でWarning: isMounted(...) is deprecated ...
ReactNative react-nativeでプロジェクト作成する時の雛形
備忘録1.まずはプロジェクト作成react-native init project_name2.npmパッケージを追加yarn add --dev typescript @types/react @types/react-native3.t...