How to allow ScrollView in React Native to extend to the status bar area in IOS?

Question

I'm having trouble setting my ScrollView to extend to the status bar area .

for example

  return (
      <View  style={{flex:1}}>
      <ScrollView style={{flex:1}}>
      <Text>Random Text</Text>
      </ScrollView>
      </View>
    );

returns this for me , which bascially set the text right below the status bar area .

Current results

I was hopping to actually have it look like this.

Expected result

How can I got about achieving this ?

thank you in advance

Answer 1

Adding

contentInsetAdjustmentBehavior="never"

to ScrollView does it.

  return (
      <View  style={{flex:1}}>
      <ScrollView
      contentInsetAdjustmentBehavior="never"
      style={{flex:1}}>
      <Text>Random Text</Text>
      </ScrollView>
      </View>
    )

https://github.com/wix/react-native-navigation/issues/3821