【React Native】ボタンなどのUIにこだわる

React Native でボタンなどのユーザインターフェースを作るときは正方形か角丸、

円形くらいだったのですが、スライダーのつまみにひし形を使った時にもっといろんな形を採用してもいいんじゃないかと思いました。

ちょっと好きな形を作る練習してみましょう。

続きを読む 【React Native】ボタンなどのUIにこだわる

【React Native】margin等の上書きと優先順位

React Native でライブラリを使っていて style の上書きがうまくできないことがあります。配列によるスタイル指定が機能しなかったり。

 

今回は margin の上書きが出来なかったことから色々試してみたという内容です。

バニラで書いてると気づきやすいですが、フレームワーク+ライブラリの状態だとハマりやすいので気を付けましょう。

続きを読む 【React Native】margin等の上書きと優先順位

expoビルドエラーとバージョンの相違

expo を使ったアプリ開発でのビルドエラーの解決と、その原因のバージョン不一致に関しての覚書きです。

node のグローバルインストールをちゃんとできてなかった。

続きを読む expoビルドエラーとバージョンの相違

React Native, Expoのワークフロー

久々に Expo (React Native) を触ると少し忘れていた部分があったので開発と同時に備忘録を書いていました。

ドキュメントに書いてるわけではないけど毎回やってることとかの雑多なメモです。

続きを読む React Native, Expoのワークフロー

新アプリ「カレイドカメラ」をリリース

新アプリ「カレイドカメラ」をリリースしました。

前作「カレイドツクール」のカメラ版ですね。

カレイドスコープ(万華鏡)の写真を撮るアプリです。

続きを読む 新アプリ「カレイドカメラ」をリリース

React Nativeでスリープからの復帰処理

React Native(Expo)で端末の状態を気にすることは少ないです。

以前のカレイドツクールではOpenGL関係で復帰処理が必要でしたが、ライブラリで復帰直後に発火するイベントがあったためそれを使っていました。

今回はカメラのリロードが必要になったので復帰イベントを調べました。

続きを読む React Nativeでスリープからの復帰処理

React Nativeの複数スタイル指定

状態に合わせてスタイルの上書き(オーバーライド)をしたいことはよくある。

スタイル自体はStyleSheet.createで定義してると思ってください。

通常[](配列)を使えばいいのですがちょっとハマったことがあったので、3つの方法と注意する点を書いておきます。

続きを読む React Nativeの複数スタイル指定

React Native, ExpoでカメラビューのOpenGL処理

一月ほど前に失敗した「React Native (Expo)でカメラプレビューにエフェクト」のリベンジです。

React Native(Expo managed)の環境で、カメラのプレビュー画面を入力としてOpenGLで編集して表示する方法を見つけたので書いておきます。

続きを読む React Native, ExpoでカメラビューのOpenGL処理

React.FCでもforceUpdateしたい

React管理下にない値の変更時に描画を更新したい。

あまり使いたいものでもないですが、React.Componentでは適切なタイミングでthis.forceUpdate()を使うことになります。

今回は関数コンポーネントで作成中にforceUpdateに当たる処理が必要になったのでどうにかしようという内容です。

続きを読む React.FCでもforceUpdateしたい

React Native, Expoのメモリ問題について

特定の端末で特定の写真を開くとエラーも出ずすっとアプリが再起動する。

OpenGLの問題で同じようなこともありましたが今回はより条件がわからない。

結果的におそらくメモリ不足であろうという推測に至ったので、ImagePickerで取得する画像の調整や使えるメモリ量などの備忘録。

最終的にImagePickerが原因で対処療法しかないという内容ですが、これを機に色々調べることが出来たので時系列順に書いていきます。

続きを読む React Native, Expoのメモリ問題について