search

okwasniewski / react-native-bottom-tabs

Native Bottom Tabs for React Native
https://www.npmjs.com/package/react-native-bottom-tabs
MIT License
284 stars 9 forks source link

iOS top safe area #26

Open ferrannp opened 6 days ago

ferrannp commented 6 days ago
image

Adding tabs changes the background of the top safe area (in this screenshots should be grey, not white).

okwasniewski commented 4 days ago

Hey, version 0.0.9 introduces ignoresTopSafeArea prop for the navigator this should extend the view by ignoring safe area

EvanBacon commented 1 day ago

Screen props aren't passed in the standard React Navigation way, if you're using Expo Router then pass the option to the top-level navigator like so:

   <Tabs
      ignoresTopSafeArea={true}
      screenOptions={{
        // ignoresTopSafeArea: true,
      }}>
ferrannp commented 17 hours ago

@okwasniewski I tried ignoresTopSafeArea: true and I get the same issue, still seeing wrong bg color.

fredrikburmester commented 10 hours ago

This prop solved this issue for me.

okwasniewski commented 9 hours ago

@okwasniewski I tried ignoresTopSafeArea: true and I get the same issue, still seeing wrong bg color.

@ferrannp Yes in the example folder, you can find multiple working examples. One of them ignores safe area insets without issues: https://github.com/okwasniewski/react-native-bottom-tabs/blob/main/example/src/Examples/FourTabs.tsx

If you still encounter issues can you provide a minimal reproduction example?