Commit 27af9bd
committed
fix(Tabs): remove width/height 100% from TabsHost fillParent style
The fillParent style on TabsHost uses `flex: 1` together with
`width: '100%'` and `height: '100%'`. The explicit width/height
prevents TabsHost from participating in flex layout with sibling
views, because '100%' forces it to take the full parent size
regardless of other flex children.
This makes it impossible to place persistent UI elements (e.g. a
banner ad) alongside NativeTabs in a parent flex container — the
tabs always cover the full screen.
Removing width/height and keeping only `flex: 1` lets the native
component fill the remaining space after siblings, while the native
iOS (NSLayoutConstraint pinning) and Android (MATCH_PARENT) layout
still correctly sizes the tab controller within TabsHost bounds.1 parent 3d45292 commit 27af9bd
1 file changed
+0
-2
lines changed| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
99 | 99 | | |
100 | 100 | | |
101 | 101 | | |
102 | | - | |
103 | | - | |
104 | 102 | | |
105 | 103 | | |
0 commit comments