search

software-mansion / react-native-screens

Native navigation primitives for your React Native app.
https://docs.swmansion.com/react-native-screens/
MIT License
3.1k stars 521 forks source link

Tabs are not visible with search bar and top tab navigator #1598

Open ha3 opened 2 years ago

ha3 commented 2 years ago

Description

When search bar is used with top tab navigator, tabs get cut off. I believe this is something to do with content insets not being applied. However I couldn't find a way to make tab navigator apply those insets automatically.

Steps to reproduce

  1. Create a top tab navigator and add tab screens
  2. Add searchbar to the screen containing top tab navigator.
  3. Observe tabs are not visible.

Snack or a link to a repository

https://snack.expo.dev/CLkk8Crhz

Screens version

3.15.0

React Native version

0.68.0

Platforms

iOS

JavaScript runtime

No response

Workflow

React Native (without Expo)

Architecture

Paper (Old Architecture)

Build type

No response

Device

iOS simulator

Device model

No response

Acknowledgements

Yes

ha3 commented 2 years ago

@kkafar do you have a comment on this one? I suspect there might be a trivial solution to this.

kkafar commented 2 years ago

Hi @ha3, I haven't had a look at it yet, but will look into it soon

ha3 commented 1 year ago

@kkafar hi. The issue still persists with the main branch of react-native-screens and react-native-tab-view: "^3.5.1". Gently pinging you on this, since it could be a relatively common use case.