React native, Expoのビルドサイズを削減

expoでビルドした「カレイドツクール」は49MBでした。

こんなもんかなと思いましたがassetに大きなファイルも入れていないのにこれまでのUnityアプリよりもサイズが大きい。

Google Play App Signingを有効化してAndroid App Bundleを使用することで容量の削減を試みました。

少し減ればいいなと思っていたらなんと半分になります。

続きを読む React native, Expoのビルドサイズを削減

OpenGL on Android with Expo

バグフィックスしつつOpenGL仕様のおさらいをする内容です。

 

発端はReact Native(expo)で作ったAndroidアプリをテストしているときです。

ビルド後、複数端末でテストしたところタブレット端末で急にアプリが落ちました。

クラッシュレポートなど出ず、すっと消えるように。

expoをインストールしてデバッグするもログにも全く残りません。困った。

 

どの端末で使える/使えないと知りたかったのでOpenGLのバージョンなどから調べていきます。

続きを読む OpenGL on Android with Expo

React Nativeでスナックバーを表示させる

React nativeで何かアクションを起こしたときに「成功」のような表示を行いたい。

Toast / トースト(画面に浮き上がって消える)やModal / モーダル(ポップアップ表示)、SnackBar / スナックバー(アプリ領域にバー形式で表示する)を考えます。

react-native: ^0.61.5expo: ~36.0.0

続きを読む React Nativeでスナックバーを表示させる

React Native, Expoを使った画像処理の流れ

色々と機能の限られるReact Native(Expo managed)で画像処理することを考える。

細かい部分はドキュメントを参照するとして使うライブラリや全体的な流れをざっくりとまとめてみます。

I/Oに不満がなければわりと好き放題できる。

続きを読む React Native, Expoを使った画像処理の流れ

React Native (Expo)でカメラプレビューにエフェクト

Expoでカメラを使う時ライブプレビュー画面にgl-reactでエフェクトをかけたい。

gl-reactに関してはこことかこことかここも参照。

結論を書くとあまりスマートな方法で解決はできなかったです。

 

関連リンク

続きを読む React Native (Expo)でカメラプレビューにエフェクト

React Nativeで非同期処理の結果を初期値にしたい

AsyncStorageのような永続データを読み込んで初期値にしたい。

データ読み込みのような非同期処理は基本的に初期値には出来ない。

使っていたコンポーネントの初期値指定タイミングでハマったのでメモ。

続きを読む React Nativeで非同期処理の結果を初期値にしたい

React Native, Expoにおける永続化

ReactNativeで永続化する手段としてAsyncStorageがある。

これは文字列のみの保存で毎回処理を書かないといけないのもあり、人気のあるラッパーの react-native-storage を使うことを考えた(expo managedで済ませたい&導入コストが高そうなのでrealmのことは考えない)

するとバージョンがらみで多少混乱したので整理してみます。

Expo SDK 35( react native 0.59.8 )

続きを読む React Native, Expoにおける永続化

ReactNativeでよく使う処理をライブラリ化する

同じ機能を作るのにパッケージを調べたりコピペしたりしたくない。

作った機能を切り出ししてプライベートリポジトリで管理してみたいと思います。

 

続きを読む ReactNativeでよく使う処理をライブラリ化する

React Native+OpenGLで描画した画像をファイルに保存

React Native (expo) + Open GL で遊んでいると描画したものを保存したくなる。

需要ありそうな気がするんだけど全然情報がないので手探りでやってみます。

続きを読む React Native+OpenGLで描画した画像をファイルに保存

React Native+OpenGLペイント

gl-reactをReact Nativeで使う方法の覚書。

前回(設定やフィルタ処理)の続きのような感じ。

 

使ってみたいのはこちら。

https://gl-react-cookbook.surge.sh/paint

GLによるペイントプログラムです。

続きを読む React Native+OpenGLペイント