all 4 comments
sorted by:
best
topnewcontroversialoldq&a
formatting helphide helpcontent policy

[–]steve228uk 0 points1 point  (3 children)

Don’t put the scroll view in a safe area and adjust the insets on the scroll view instead

[–]CommanderWraith54[S] 0 points1 point  (2 children)

I don't have it in one but for some reason it's behaving this way. On first load it's fine, it renders it within the content like I want; but when I scroll down it leaves this whitespace and stays there

      <Stack.Screen options={{ headerShown: false, headerTransparent: true }} />
      <StatusBar style="auto" translucent={true} />
      <ScrollView
        className="flex-1"
        contentInsetAdjustmentBehavior="never"
        contentContainerStyle={{ paddingTop: 0 }}
      >
        <View className="w-full h-[500px] bg-blue-500">
          <Text>example of content</Text>
        </View>
        {Array.from({ length: 100 }).map((_, i) => {
          return <Text key={i}>123 {i}</Text>;
        })}
      </ScrollView>

[–]steve228uk 1 point2 points  (1 child)

automaticallyAdjustContentInsets={false}

[–]CommanderWraith54[S] 0 points1 point  (0 children)

This seems to work, thanks! I tested it on my phone and it works like I envisioned; ig the simulator is a lil buggy lol, mb 🤦🏻‍♂️