带有动态高度的ScrollView内的createMaterialTopTabNavigator

问题描述 投票:0回答:1

有什么方法可以创建具有动态高度的ScrollView吗?

关于我们要执行的操作的详细信息:

我们在createMaterialTopTabNavigator中创建了一个顶部标签栏(使用ScrollView)。除了ScrollView的高度之外,其他一切都正常。假设有3个具有不同高度的选项卡屏幕:TabScreen1:800,TabScreen2:400,TabScreen3:300 ...在渲染时,ScrollView的高度最大,并且当选择Tab2或3时,ScrollView的高度保持为800,因此在Tab2和3中没有用于滚动的空间。enter image description here

react-native scrollview react-navigation
1个回答
0
投票

无需将TabNavigator放在ScrollView中。将ScrollView放在每个TabScreen的内部,而不是

回答您的问题:如果ScrollView与内容高度相同,则它不会滚动。您可能正在谈论ScrollView的contentContainer的高度。动态设置它的唯一方法是使用onLayout测量当前选定选项卡的内容高度,将该数字保存为状态,并将其应用为ScrollView的contentContainerStyle属性的高度。除非绝对必要,否则我不建议采用这种方式进行黑客入侵]

© www.soinside.com 2019 - 2024. All rights reserved.