TabView height cannot be changed. Below I have attached screenshot of it.
TabView height need to same with renderScene view height size
<TabView
navigationState={this.state}
renderScene={SceneMap({
new_arrivals: FirstRoute,
featured: SecondRoute,
best_sellers: FirstRoute,
trending: SecondRoute
})}
renderTabBar={this._renderTabBar}
onIndexChange={index => this.setState({ index })}
useNativeDriver
/>

| software | version
| --------------------- | -------
| ios or android |11
| react-native |0.55.4
| react-native-tab-view |1.3.1
| node |6.11.4
| npm or yarn |3.10.10
Hey, I just released a new alpha 2.0.0-alpha.0 of the library. It's rewritten using react-native-gesture-handler and react-native-reanimated addresses a many platform specific bugs and performance problems. The documentation is updated as well.
Please try the new version and see if it addresses your issue. If not, please open a new issue following the issue template.
version 2.10 and it doesn't work, all tabs have height equals to the higher.
I run version 2.5.0 and the tabs height seem to be updated when navigating through the different tabs when the height is higher but it never updates back when the height is lower.
Has this issue been solved? Still struggling with this one.
Has this issue been solved? :(
Has this issue been solved?
I'm still seeing this on the latest, anyone know a workaround?
+1 on this one any insight?
Any workaround?
I gave up on react-native-tab-view and create my own tab component using lazy and Animation
I have implemented my own tab view and having the same problem. It seems that I am doing something wrong in the nested FlatList. Maybe this is happening to someone else... I am having the same behaviour in both tabs.
https://snack.expo.io/@victoriomolina/my-tabview
If someone knows how to solve it please contact me at: [email protected]
Sorry for the inconvenience.
Most helpful comment
version 2.10 and it doesn't work, all tabs have height equals to the higher.