ReactNative【ReactNative】関数コンポーネントでHot Reloadを使う
こんにちは。趣味グラマのNobuです。 ReactNativeでインストールされるReactのバージョンがいつの間にか16.8.3になっており、React Hooksが使えるようになりました。 ReactNativeで使えないからまだ放置で...
ReactNative
ReactNative
ReactNativeExpoで開発した「きせかえ電卓」をリリースしました！
こんにちは。趣味グラマのNobuです。 本日、Expoで開発していた「きせかえ電卓」をiOS、Androidそれぞれにリリースしました！ 「きせかえ電卓」をリリース！ なぜ作ったのか？ 今回このアプリを作ったのは、Expoの勉強が主目的でし...
ReactNativeESLintで特定のファイルのみチェック対象外にする方法
こんにちは。趣味グラマのNobuです。 ESLintを導入してみたものの、その厳格なルールについていけない時があります。(本当はついていくべきなんだけど…) 例えば、このファイルだけはESLint様のご指摘を無視したいという時です。今日はそ...
ReactNativeExpoでカスタムフォントのweightを動的に切り替える方法
こんにちは。趣味グラマのNobuです。 Expoでフォントのweightを設定画面から動的に切り替えるアプリを作っているのですが、カスタムフォントを使った時に、weightを動的に切り替えるにはどうすれば良いのか分からず、試行錯誤の末にたど...
ReactNative[ReactNative] Expoのbundle downloadが遅いと感じたらhostTypeを「localhost」にすれば解決
.expo/settings.jsonの「hostType」が「tunnel」になっている場合は、「localhost」に書き換えるだけで、bundle downloadが爆速になる。 { "hostType": "localhost", ...
ReactNativeVSCodeでReactNativeをデバッグする
ReactNativeでアプリを作っていて、今まではChromeのDeveloper Toolとconsole.logでデバッグしていたけど、いい加減辛くなってきた。 XcodeみたいなIDEと同様に、ステップ実行とか変数の中身を自由に見た...
ReactNativeReduxでStateを直接更新しちゃ駄目！
reducerの部分でstateの更新処理を別ファイルに託していた。 return doSomething(state); みたいな感じで。 んで、JavaScriptでobjectを渡すとpass by referenceがデフォルトと気...
ReactNativeiOS Simulatorの使用可能リストを表示する方法
ReactNativeで開発している時に、iOSのSimulatorをいくつか同時に起動したい時が有るが、使えるSimulatorの名前が分からない時がある。 そんな時は、このコマンドで一覧を取得出来る。 xcrun simctl list...
ReactNativereact-nativeでandroidのビルドが依存性(google関連)でコケる時
react-nativeでnpmのパッケージを全部アップグレードすると、大体依存性で問題が出てビルドが通らなくなる。 その時、エラーメッセージを見ながら色々試行錯誤する事になるんだけど、Google関連(firebase、play-serv...
ReactNativerealmをyarn addするためにnodeのdowngradeする
新しくreact-nativeのアプリを作ろうと思い、とりあえずDBは必要になりそうなのでrealmを追加しようとした。 yarn add realm すると、エラーがずらずら〜っと… (省略) error /Users/hoge/reac...
ReactNativeReactNativeで作った保活アプリ「ほいみん」をリリースしました
5月から初めてReactNativeで作り始めたアプリ「ほいみん」をリリースしました！ 「ほいみん」とは 保育園の情報を地図上で検索、閲覧、口コミが投稿が出来るアプリです。 なぜ作ったのか ちょうど子供が産まれた事と、保活の大変さは良く聞い...
ReactNativereact nativeのandroidでapkを作ろうとしたら、uncompiled PNG file passed as argument〜って怒られる
react-nativeで作っていたアプリがとりあえず完成した。 iOSの方はXcodeから勝手にアップできそうだけど、Androidはapkを作る必要が有る。 てことで、久し振りかつreact-nativeで初めてのapkを作成しようとマ...