mrym

ReactNative

ReactNavigationのStackNavigatorで常に最初のrouteを表示する方法

こんな感じのアプリを作っている。Screenは本当はもうちょっと多いけど。 TabNavigator  ├ StackNavigator(SN1)  │ ├ ScreenA  │ └ ScreenB  │  ├ StackNavigator...
rails

railsで無ければ新規作成、有れば更新をしたい時はfind_or_initialize_byとupdate_attributesでOK

IDに紐付くデータが無ければ新規作成、有れば渡されてきたパラメータで更新したいと言うシーンは良くある(はず。自分は良くある) そのまま何も考えずにやろうとすると、findで取得してnilだったら新規、取得出来れば更新というif文を書く事にな...
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の型定義をインストールし...
雑記

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

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