React Native

React Native
ScrollViewの中にFlatListを入れた時のエラーの対処法。【ReactNative Expo】

ScrollViewの中に、FlatListを入れた時に次のようなエラーが出たことはありませんか? このエラーは、ScrollViewの中に同じような縦スクロールができるものを入れると親が優先されるよ。というものです。 […]

続きを読む
React Native
ReactNativeで2地点の緯度経度から間の距離を計算するコード例

アプリ実装時に、地点情報を使うアプリ設計をする場合には、現在地から目標地点までの距離を計算する事は多くあるのではないかと思います。 地点間の距離を出すためにライブラリを活用する方法もありますが、今回は自力で2地点の間の距 […]

続きを読む
React Native
Navigationで遷移先にparamsが渡せない。undefinedになってしまう時の対処法【解決法】

expoでReactNavigaionを使用して、画面遷移を行うときに、なぜか値を渡す事ができない状況になることがあります。 公式の書き方通りにやってるのに、なんで??となっていた時に解決することができた方法を共有します […]

続きを読む
React Native
expoで画像の表示速度が遅い時の対処法。対処法は画像をキャッシュする【expo】

画像を表示させるときに、S3やfirestorageなどにアップロードして、アプリ上に表示させるかと思います。 そしてexpoでは、渡されたURIを使ってアプリ内に表示させることが多いのではないでしょうか。 ただ、このよ […]

続きを読む
React Native
expoでBottomタブを特定の画面のみに表示させる方法

Bottomタブメニューを特定の画面にのみ表示させたいときがあるかと思います。 例えば、ユーザーが最初に訪れる、アプリの説明画面などです。 そこには、アプリのタブメニューは表示させたくありません。 今回は、Bottomタ […]

続きを読む
React Native
【初心者向き】expoでBottomタブを追加する方法

実装中のコードにBottomタブメニューを追加実装したいときありませんか? 既にコンポーネントなどにコードができていて、後からBottomタブをつけたいときありますよね。 特に初心者のうちは、コードはコピペしているので、 […]

続きを読む
React Native
【初心者向き】ReactNative Expoを使ってfirebaseに接続する(導入)

ReactNative Expo でfirebaseを利用する方法を知りたい! ReactNative Expo でデータベースやログインなどを実装したい! 今回の記事は、ReactNative Expo を使ってfir […]

続きを読む
React Native
ReactNative、Expoのデメリットとは?Expoについてこれだけは押さえておこう!

「Expoのデメリットって何だろう」 「これからExpoを使っていく上で不便になることがあったらいやだな」 ReactNativeの開発をより便利にさせてくれるExpoですが、そのデメリットもよく知っておくとよいでしょう […]

続きを読む
React Native
ReactNativeのuseEffectの使い方とは?徹底解説

「useEffectを使ってたら、止まらなくなった。」 「なんで止まらなくなった、なんで動いてるの?」 今回は、useEffectの使い方を解説します。初心者でよくあるのが、useEffectを使っていると、処理が止まら […]

続きを読む
React Native
ReactNativeのフックuseStateとは?徹底解説

useStateはネイティブアプリ開発ではとってもよく使うフックの一つです。 フックは、他にもuseEffectなどや他にもいくつかありますが、useStateが一番多用するものだと言って良いでしょう。 useState […]

続きを読む