React Native

React Native
ExpoのiOSビルド時に出るビルドエラーの対処法【ReactNative】

ExpoのiOSビルド時にエラーはつきものですが、以下のようなエラーは出てないでしょうか。 これらのエラーはそれぞれあなたが書いたコードに問題があるわけではなく、iOSのPodや依存関係に問題がある場合がある可能性が高い […]

続きを読む
React Native
遷移先画面から戻った時に関数を実行する方法【ReactNative Expo】

今回は、expoで遷移先画面から戻ってくる時に、関数を実行する方法を解説します。 戻った時に、画面内の要素が更新されているのに、関数が走らないせいで画面の要素を最新に更新できない場合があります。 そんな時に使える方法です […]

続きを読む
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タブでアイコンを変える方法

ExpoでBottomタブを設定するときに、アイコンは必ず付けるものでしょう。今回は、アイコンの付け方について紹介します。 Bottomタブの付け方は以下の記事を参考にしてください。【初心者向き】expoでBottomタ […]

続きを読む
React Native
expoで ぷるんっとしたボタンの実装方法

expoでボタンを実装するとき、やはり動きをつけたくなりますよね。 今回は、ぷるんとしたボタンの実装方法についてまとめていきます。 必要なパッケージのインストール まず必要なパッケージのインストールをしていきましょう。 […]

続きを読む
React Native
ExpoでBackボタンを表示させない方法(ReactNative)

Expoで画面遷移を実装したときに、Backボタンが表示されるかと思います。 ただ、前の画面には戻ってほしくない時もあると思います。 今回は、Backボタンを非表示にする方法を解説していきます。 元のコード 次の画面に遷 […]

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

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

続きを読む