React Native

React Nativeでnode_modules/のコードを修正したい

はじめに React Nativeを使っていると依存パッケージのバグや、特定の処理をカスタマイズしたいことがたまにあるのでメモ ただし、あくまで応急処理的な使い方に留めよう(自戒) 手順 1. パッチ当てに必要なパッケージのインストール $ npm i --save-dev pa…

ReactNativeのTextInputに指定できるkeyboardTypeの一覧

毎回「テンキーレイアウトって何がどう違うんだっけ・・・?」ってなって実機で確認してる記憶喪失だから画像と一緒にまとめとく 検証環境 デバイス OS version キーボード iPhone 14 iOS 16.2 標準キーボード TORQUE 5G Android 12 Gboard keyboardType一覧…

React NativeでSVGを使う

1. 必要なパッケージのインストール $ npm i react-native-svg 2. SVGアイコンとなるコンポーネントファイルの作成 import React from 'react'; import Svg, { Polygon, Line } from 'react-native-svg'; const AlertOctagon = (props) => (

React Nativeでフォアグラウンドを検知する

はじめに アプリがフォアグラウンドにあるタイミングで特定の処理を実施したかった 検証環境 $ react-native -v react-native-cli: 2.0.1 react-native: 0.67.3 コード import React from 'react'; import { AppState } from 'react-native'; class App exte…

Rect Nativeでダークモードを無効にする

検証環境 $ react-native -v react-native-cli: 2.0.1 react-native: 0.67.3 実装 iOS ios/{project}/AppDelegate.mを以下のように修正する @implementation AppDelegate - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(…