• 追加された行はこの色です。
• 削除された行はこの色です。
• 障害メモ/React Navigationで作成するヘッダがステータスバーに被る へ行く。
• 障害メモ/React Navigationで作成するヘッダがステータスバーに被る の差分を削除

#author("2017-12-30T04:01:28+00:00","default:haruki","haruki")
* キーワード [#t48c7883]
- React Native
- React Navigation

* 現象 [#w012904c]

React Nativeにて、React Navigationで作るヘッダがステータスバーに被ってしまう。
- expo経由・Android実機で被る
- iOSのシミュレータでは問題ない
- ビルドしてデプロイしたときにどうかは見てない

* 原因 [#k5dba5b0]

分からない。

* 対策 [#l7cfe322]

StackNavigator()の第2引数に次を追加する。

 {
   cardStyle: {
     paddingTop: (Platform.OS === 'ios')? 0: StatusBar.currentHeight
   }
 }

なお、次のimportが必要。

 import { Platform, StatusBar } from 'react-native'

* 備考 [#f71120fa]

なし。

* 参考 [#p407e324]
- [[Android header is overlapped · Issue #1478 · react-navigation/react-navigation>https://github.com/react-navigation/react-navigation/issues/1478]]