ReactNative react-nativeの黄色い警告ボックスを消す
react-nativeで開発していると、画面下部に黄色いやつが良く現れる。 開発中はたまにデバッグの役に立つんだけど、リリースしてもこれが出たらクレーム一直線。 という訳で、これが絶対出ないようにする方法を調べたところ、意外と簡単だった。...
ReactNative
ReactNative ReactNative ReactNavigationのStackNavigatorで常に最初のrouteを表示する方法
こんな感じのアプリを作っている。Screenは本当はもうちょっと多いけど。 TabNavigator ├ StackNavigator(SN1) │ ├ ScreenA │ └ ScreenB │ ├ StackNavigator...
ReactNative nativebaseでtoastを使う時は、最上位をRootで囲むこと
nativebaseのtoastを使おうと思って、とりあえずサンプルをそのままコピペして実行したら cannot read property '_root' of undefined というエラーが出た。 ドキュメントを見ると For To...
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: ({ t...
ReactNative reactのrender内でmapを使ってchild componentをループさせる時に気を付ける事…
react-native-mapsを使ってMarkerを表示しようとしたんだけど、何度やっても表示されない。 chromeのconsole内では確かにmarkerがループで回っている。 何でだと悩み続けて4日程… 答えは物凄く簡単だった。 ...
iOS linker command failed with exit code 1 (use -v to see invocation)にドハマり…[一応解決済]
react nativeで開発中のアプリを実機のiPhone6で動かしていたんだけど、何かのタイミング(不明…)から実機でのビルドだけコケるようになった。 出力されるエラーメッセージはこんな感じ。 ld: can't link with a...
ReactNative react-native-configのiosでドハマり…[解決済]
APIサーバがlocalhostと本番で2つ有るので、設定ファイルで切り替えたいと思い、以下のパッケージを入れた。 react-native-config Setupの項目に従ってインストールし、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 and...
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_name 2.npmパッケージを追加 yarn add --dev typescript @types/react @types/react-nativ...