Setting component height to 100% in react-native

Question

I can give the height element of style numeric values such as 40 but these are required to be integers. How can I make my component to have a height of 100%

Answer 1

Grab the window height into a variable, then assign it as the height of the flex container you want to target :

let ScreenHeight = Dimensions.get("window").height;

In your styles :

var Styles = StyleSheet.create({ ... height: ScreenHeight });

Note that you have to import Dimensions before using it:

import { ... Dimensions } from 'react-native'