In react-navigation, how do I get the dimensions of the visible area between the header and TabBar?

Question

const viewableWindowHeight = Dimensions.get(\'window\').height - Header.HEIGHT - ???

How do I get the TabBar height? What if the iPhone is X? How can I take that into a

Answer 1

You can simply use SafeAreaView which will automatically set topBarHeight mainly for iPhoneX phones.