reactnative

React Native で、画面一杯サイズに広げる時の便利な書き方

React Native の Tips。

React Navigation のソースコード見ていたら書いてあった。

https://github.com/react-navigation/react-navigation/blob/8ec2466f/src/views/Header/Header.js#L496

const styles = StyleSheet.create({
  backgroundImage: {
    position: 'absolute',
    top: 0,
    right: 0,
    bottom: 0,
    left: 0,
  },
})

としたい場合がしばしばあるが、これは

const styles = StyleSheet.create({
  backgroundImage: {
    ...StyleSheet.absoluteFillObject,
  },
})

と、書ける。

ドキュメントにもよく見たらあった。

https://facebook.github.io/react-native/docs/stylesheet.html#absolutefill