React-native-tab-view: How to change TabView Height ?

Created on 1 Jan 2019  路  11Comments  路  Source: satya164/react-native-tab-view

Current behaviour

TabView height cannot be changed. Below I have attached screenshot of it.

Expected behaviour

TabView height need to same with renderScene view height size

Code sample

<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 />

Screenshots (if applicable)

screen shot 2019-01-01 at 10 06 32 pm

Your Environment

| 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

Most helpful comment

version 2.10 and it doesn't work, all tabs have height equals to the higher.

All 11 comments

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.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

glennvgastel picture glennvgastel  路  3Comments

AndriiUhryn picture AndriiUhryn  路  3Comments

ahmedrowaihi picture ahmedrowaihi  路  3Comments

nastarfan picture nastarfan  路  3Comments

itzsaga picture itzsaga  路  3Comments