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 d...
ReactNative

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

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

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

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

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

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

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

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