2019-03-01から1ヶ月間の記事一覧

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 だと判定しなかっ…

Google Cloud Storage でペラ 1 枚の静的 WEB ページを公開する方法

GCP

(背景) 作業していて、スマホのブラウザで任意のリンクを踏むテストをしたかった やりたかった事 スマホで見れるペラ一枚のhtmlを設置 URLはCloud Storege でデフォルトで付与されるものでok (任意のドメインの設定等はいらない) 概要 Cloud Storage に html…

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>…