React Native
ScrollViewの中にFlatListを入れた時のエラーの対処法。【ReactNative Expo】
ScrollViewの中に、FlatListを入れた時に次のようなエラーが出たことはありませんか？ このエラーは、ScrollViewの中に同じような縦スクロールができるものを入れると親が優先されるよ。というものです。 […]
ReactNativeで２地点の緯度経度から間の距離を計算するコード例
アプリ実装時に、地点情報を使うアプリ設計をする場合には、現在地から目標地点までの距離を計算する事は多くあるのではないかと思います。 地点間の距離を出すためにライブラリを活用する方法もありますが、今回は自力で２地点の間の距 […]
Navigationで遷移先にparamsが渡せない。undefinedになってしまう時の対処法【解決法】
expoでReactNavigaionを使用して、画面遷移を行うときに、なぜか値を渡す事ができない状況になることがあります。 公式の書き方通りにやってるのに、なんで？？となっていた時に解決することができた方法を共有します […]
expoで画像の表示速度が遅い時の対処法。対処法は画像をキャッシュする【expo】
画像を表示させるときに、S3やfirestorageなどにアップロードして、アプリ上に表示させるかと思います。 そしてexpoでは、渡されたURIを使ってアプリ内に表示させることが多いのではないでしょうか。 ただ、このよ […]
expoでBottomタブを特定の画面のみに表示させる方法
Bottomタブメニューを特定の画面にのみ表示させたいときがあるかと思います。 例えば、ユーザーが最初に訪れる、アプリの説明画面などです。 そこには、アプリのタブメニューは表示させたくありません。 今回は、Bottomタ […]
【初心者向き】expoでBottomタブを追加する方法
実装中のコードにBottomタブメニューを追加実装したいときありませんか？ 既にコンポーネントなどにコードができていて、後からBottomタブをつけたいときありますよね。 特に初心者のうちは、コードはコピペしているので、 […]
【初心者向き】ReactNative Expoを使ってfirebaseに接続する（導入）
ReactNative Expo でfirebaseを利用する方法を知りたい！ ReactNative Expo でデータベースやログインなどを実装したい！ 今回の記事は、ReactNative Expo を使ってfir […]
ReactNative、Expoのデメリットとは？Expoについてこれだけは押さえておこう！
「Expoのデメリットって何だろう」 「これからExpoを使っていく上で不便になることがあったらいやだな」 ReactNativeの開発をより便利にさせてくれるExpoですが、そのデメリットもよく知っておくとよいでしょう […]
ReactNativeのuseEffectの使い方とは？徹底解説
「useEffectを使ってたら、止まらなくなった。」 「なんで止まらなくなった、なんで動いてるの？」 今回は、useEffectの使い方を解説します。初心者でよくあるのが、useEffectを使っていると、処理が止まら […]
ReactNativeのフックuseStateとは？徹底解説
useStateはネイティブアプリ開発ではとってもよく使うフックの一つです。 フックは、他にもuseEffectなどや他にもいくつかありますが、useStateが一番多用するものだと言って良いでしょう。 useState […]