ReactNative

ReactNative

【ReactNative】関数コンポーネントでHot Reloadを使う

こんにちは。趣味グラマのNobuです。 ReactNativeでインストールされるReactのバージョンがいつの間にか16.8.3になっており、React Hooksが使えるようになりました。 ReactNativeで使えないからまだ放置で...
ReactNative

Expoで開発した「きせかえ電卓」をリリースしました!

こんにちは。趣味グラマのNobuです。 本日、Expoで開発していた「きせかえ電卓」をiOS、Androidそれぞれにリリースしました! 「きせかえ電卓」をリリース! なぜ作ったのか? 今回このアプリを作ったのは、Expoの勉強が主目的でし...
ReactNative

ESLintで特定のファイルのみチェック対象外にする方法

こんにちは。趣味グラマのNobuです。 ESLintを導入してみたものの、その厳格なルールについていけない時があります。(本当はついていくべきなんだけど…) 例えば、このファイルだけはESLint様のご指摘を無視したいという時です。今日はそ...
ReactNative

Expoでカスタムフォントのweightを動的に切り替える方法

こんにちは。趣味グラマのNobuです。 Expoでフォントのweightを設定画面から動的に切り替えるアプリを作っているのですが、カスタムフォントを使った時に、weightを動的に切り替えるにはどうすれば良いのか分からず、試行錯誤の末にたど...
ReactNative

[ReactNative] Expoのbundle downloadが遅いと感じたらhostTypeを「localhost」にすれば解決

.expo/settings.jsonの「hostType」が「tunnel」になっている場合は、「localhost」に書き換えるだけで、bundle downloadが爆速になる。 { "hostType": "localhost", ...
ReactNative

VSCodeでReactNativeをデバッグする

ReactNativeでアプリを作っていて、今まではChromeのDeveloper Toolとconsole.logでデバッグしていたけど、いい加減辛くなってきた。 XcodeみたいなIDEと同様に、ステップ実行とか変数の中身を自由に見た...
ReactNative

ReduxでStateを直接更新しちゃ駄目!

reducerの部分でstateの更新処理を別ファイルに託していた。 return doSomething(state); みたいな感じで。 んで、JavaScriptでobjectを渡すとpass by referenceがデフォルトと気...
ReactNative

iOS Simulatorの使用可能リストを表示する方法

ReactNativeで開発している時に、iOSのSimulatorをいくつか同時に起動したい時が有るが、使えるSimulatorの名前が分からない時がある。 そんな時は、このコマンドで一覧を取得出来る。 xcrun simctl list...
ReactNative

react-nativeでandroidのビルドが依存性(google関連)でコケる時

react-nativeでnpmのパッケージを全部アップグレードすると、大体依存性で問題が出てビルドが通らなくなる。 その時、エラーメッセージを見ながら色々試行錯誤する事になるんだけど、Google関連(firebase、play-serv...
ReactNative

realmをyarn addするためにnodeのdowngradeする

新しくreact-nativeのアプリを作ろうと思い、とりあえずDBは必要になりそうなのでrealmを追加しようとした。 yarn add realm すると、エラーがずらずら〜っと… (省略) error /Users/hoge/reac...
ReactNative

ReactNativeで作った保活アプリ「ほいみん」をリリースしました

5月から初めてReactNativeで作り始めたアプリ「ほいみん」をリリースしました! 「ほいみん」とは 保育園の情報を地図上で検索、閲覧、口コミが投稿が出来るアプリです。 なぜ作ったのか ちょうど子供が産まれた事と、保活の大変さは良く聞い...
ReactNative

react nativeのandroidでapkを作ろうとしたら、uncompiled PNG file passed as argument〜って怒られる

react-nativeで作っていたアプリがとりあえず完成した。 iOSの方はXcodeから勝手にアップできそうだけど、Androidはapkを作る必要が有る。 てことで、久し振りかつreact-nativeで初めてのapkを作成しようとマ...