ReactNative

nativebaseでtoastを使う時は、最上位をRootで囲むこと

nativebaseのtoastを使おうと思って、とりあえずサンプルをそのままコピペして実行したら cannot read property '_root' of undefined というエラーが出た。 ドキュメントを見ると F...
ReactNative

react-navigationをver.2に上げたらtabBarIconが消えてtabBarLabelも意図と違う文字に…

react-navigationがいつの間にかver.2系になっていたので、怖かったけど思い切ってupgradeしてみた。 そしたら案の定、問題が続々…。 まず最初にハマったのは、ver.1.5のtypescriptの型定義をインストール...
雑記

都道府県・市区町村データをどうするか

よくある都道府県を選択後に、対象都道府県の市区町村がプルダウンで出てくるのを作る事になった。 方法としては2つ。 1.自前DBにデータとAPIを用意する 2.公開されているAPIを使用する 過去に作った事が有るのは1の場合。 郵便番号を...
2019.11.18
ReactNative

react-navigationのtabBarIconで画像を使う時に激ハマりした事 in typescript

合計で7日間程ハマってしまった…。 しかも、結論は馬鹿過ぎるほど簡単だった…。 navigationOptions: ({ navigation }) => ({ tabBarLabel: 'Label', tabB...
2018.06.03
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...
ReactNative

react-native-configのiosでドハマり…[解決済]

APIサーバがlocalhostと本番で2つ有るので、設定ファイルで切り替えたいと思い、以下のパッケージを入れた。 react-native-config Setupの項目に従ってインストールし、Different environmen...
ReactNative

react-native-mapsでzoom levelをset/getする方法

react-native-maps こいつを使って地図を表示しているんだけど、素のGoogleMapSDKと違って、zoom levelの設定や取得のメソッドが無い。 という訳で、いつもの通りGoogle先生。 zoom levelをs...
ReactNative

react-nativeで起きたエラー達

何か良く分からんけど、エラーが起きる度に解決法をググるので、忘れないように備忘録。 1.Error: Activity class {パッケージ名っぽいやつMainActivity} does not exist. yarn run a...
ReactNative

react-navigationで「Warning: isMounted(…) is deprecated in plain JavaScript React classs…」と言われる時の対処法

とりあえず、react-nativeでiosで言うUITabBarControllerをやろうと思ってTabNavigatorとやらを使ったら、画面下部に黄色い枠で Warning: isMounted(...) is deprecate...
ReactNative

react-nativeでプロジェクト作成する時の雛形

備忘録 1.まずはプロジェクト作成 react-native init project_name 2.npmパッケージを追加 yarn add --dev typescript @types/react @types/react-...
2018.12.29
tool

android emulatorでmenu buttonを押す方法

react nativeでlive reloadingをenableにするには、menu buttonを押す必要が有る。 でも、android emulatorで何をしたら良いのか分からずググったところ Can't figure out...
タイトルとURLをコピーしました