reactnative:サイズ取得
差分
この文書の現在のバージョンと選択したバージョンの差分を表示します。
| 次のリビジョン | 前のリビジョン | ||
|
reactnative:サイズ取得 [2019/02/10 18:10] ips 作成 |
reactnative:サイズ取得 [2019/02/11 12:45] (現在) ips |
||
|---|---|---|---|
| ライン 1: | ライン 1: | ||
| - | ====== 画面サイズ取得 ====== | + | ====== サイズ取得 ====== |
| + | |||
| + | ===== 画面サイズ取得 ===== | ||
| <code> | <code> | ||
| ライン 5: | ライン 7: | ||
| const { width, height, scale } = Dimensions.get('window') | const { width, height, scale } = Dimensions.get('window') | ||
| - | // my HTC U12+ の場合 | + | |
| [18:09:44] 411.42857142857144 //width | [18:09:44] 411.42857142857144 //width | ||
| [18:09:44] 683.4285714285714 //height | [18:09:44] 683.4285714285714 //height | ||
| ライン 11: | ライン 13: | ||
| </code> | </code> | ||
| + | ===== ヘッダーやステータスバー ===== | ||
| + | <code> | ||
| + | import { Header } from 'react-navigation' | ||
| + | import { StatusBar } from 'react-native' | ||
| + | ・・・ | ||
| + | console.log("Header.HEIGHT:" + Header.HEIGHT) | ||
| + | console.log("StatusBar .HEIGHT:" + StatusBar .HEIGHT) | ||
| + | </code> | ||
reactnative/サイズ取得.1549789854.txt.gz · 最終更新: 2019/02/10 18:10 by ips
