React Native

PANIC: Missing emulator engine program for 'x86' CPU.

躓いた事 Android Studio を 3.3.2 -> 3.4.2 にアップデートして、Pixel 3 のエミュレータをコマンドラインで起動しようとしたところ、下記のエラー PANIC: Missing emulator engine program for 'x86' CPU. 原因 SDK が古かった $ sdkmanager --list ID | I…

APK から意図しない不要なパーミッションを削除する方法

android/app/src/main/AndroidManifest.xml に <uses-permission android:name="{パーミッション名}" tools:node="remove" /> を追加する事で、意図しない不要なパーミションを削除できる 背景 意図しない READ_PHONE_STATE が付与された APK(Android application PacKage) を Google Play Console にアップロードした際に「プライバシ</uses-permission>…

React Native アプリから Azure Application Insights を利用する

Application Insights JavaScript SDK + React Native Plugin を利用して、Application Insights にメッセージを送信してみました バージョン react-native: 0.57.7 microsoft/applicationinsights-web: 2.0.1 microsoft/applicationinsights-react-native: …

defaultProps で React.Component の Props のデフォルト値を設定

defaultProps で React.Component の Props のデフォルト値を設定できるようです ドキュメント defaultProps 環境 react: 16.6.1 react-natibve: 0.57.7 native-base: 2.12.0 サンプル import * as React from 'react'; import {Body, Header, Left, Right, …

React Native: react-native 0.56.0 -> 0.59.2 へのアップグレード作業

大分ハマったので作業内容を整理してメモしました 間違いや、もっと良い方法がありましたらご教示頂きたいです 実施日 2019/03/28 環境 XCode: 10.1 Android Studio: 3.3.2 作業概要 package.json の react-native のバージョンを 0.59.2 に上げて yarn inst…

React Native: FlatList の高さを取得する方法

nativeEvent.contentSize.height で FlatList の高さを取得できる バージョン react-native: 0.57.8 サンプル export default class SampleScreen extends React.Component<Props, State> { onScroll = ({nativeEvent}) => { //nativeEvent.contentSize.height = <FlatList/>の縦幅 co</flatlist/></props,>…

React Native: Android の ハードウェアバックボタン で前の画面に戻れないように制御する

バージョン react-native: 0.57.8 react-navigation: 2.11.2 ドキュメント React Nativer - BackHandler 概要 遷移上、前の画面へ戻れないようにしたい、という場合、下記の制御が必要 スワイプバック できないようにする (iOS/Android) ハードウェアバック…

react-native-iphone-x-helper がどのように iPhoneX を識別しているか

答えとしては、端末の画面サイズから、iPhoneX かどうか判定している バージョン ptelad/react-native-iphone-x-helper : 1.0.3 / 1.2.0 背景 (古いバージョンの react-native-iphone-x-helper を使用していた為) iPhoneXS Max を iPhoneX だと判定しなかっ…

natibe-base 2.8.0 の <content> で onScroll 使うと (実際には使えるにも関わらず) TSエラーになる

お世話になっているライブラリ NativeBase でおきていた TS エラーについて理解できてなかったので調べてみた 環境 react-natve: 0.57.8 natibe-base: 2.8.0 react-native-keyboard-aware-scroll-view: 0.5.0 ドキュメント NativeBase v2.8.0 - CheatSheet <Content> </content>…

Android で React Native の KeyboardAvoidingView の behavior を指定すると、逆に Input がキーボードに隠れてしまう

環境 react-native : 0.57.8 Android で React Native の KeyboardAvoidingView の behavior を指定すると、逆に Input がキーボードに隠れてしまった話 React Native に KeyboardAvoidingView というコンポーネントがある キーボードを出した際に、入力フィ…