m_shige1979のときどきITブログ

プログラムの勉強をしながら学習したことや経験したことをぼそぼそと書いていきます

Github(変なおっさんの顔でるので気をつけてね)

https://github.com/mshige1979

react-native

react-native-configで環境変数を参照する3(android編)

前回 m-shige1979.hatenablog.com 今回やること 前回って環境変数を読むのにENVFILEとか設定していましたよね? あれだけではビルド時のアプリ名とか各環境のアプリ名などの調整が困難なので その辺の設定周り 補足 flavorとか利用しますが、厳密に理解はし…

react-native-configで環境変数を参照する2

前回の続き m-shige1979.hatenablog.com 今回やること 環境別のファイルを作成して、それぞれのファイルで読み込むようにする 環境別ファイルを作成する .env MODE=dev APP_NAME=TEST VERSION=0.0.1 .env.staging MODE=staging APP_NAME=STAGING VERSION=0.0…

react-native-configで環境変数を参照する

react-native-config 1つのプロジェクトで開発、検証、本番などを行う際、 それぞれ別のプロジェクトで運用するのはたいへんなため、環境変数などで APIの向き先などを調整する 今回やること react-native-configで環境変数を参照するところまで 参考情報 G…

react-nativeでタブナビゲーションを実装

作成したやつ react-navigationのTopTabsサンプル 参考情報 React Navigationのタブナビゲーションをカスタマイズしてみよう! - bagelee(ベーグリー) createMaterialTopTabNavigator | React Navigation github react-native_samples/sampleAppNavigation…

react-nativeでモーダル表示

react-nativeでモーダル表示 作成したもの react-nativeでモーダル表示 ソースコード /** * Sample React Native App * https://github.com/facebook/react-native * * @format * @flow strict-local */ import React, {useState} from 'react'; import { Sa…

react-nativeで画面上引っ張ってロードするあれ

作ったやつはこれ react-nativeで画面上引っ張ってロードするあれ iOSとandroidで挙動違うのね・・・ スクロールができるコンポーネントを使わないといけないみたい ScrollViewとかFlatList、VirtualizedListとかにrefreshControlがある場合は使用可能 あと…

react-nativeでgoogle mapを使用

react-nativeでgoogle mapを使用 環境 開発マシンはmac mini android側のみ とりあえずやってみた 参考情報 【React Native】Googleマップを利用する(Android) - Ren's blog React Nativeへ地図を表示する方法 - react-native-mapsライブラリを使ってReact…

react-nativeをexpoで作成

react-nativeをexpoで作成 概要 m-shige1979.hatenablog.com でCLIを使用した環境設定はできた感じとしてexpoの場合はどんな感じなのか確認する。 expo.io expo.io アカウント作成 アカウント作成後の画面 ツールインストール android studioやxcodeをインス…