react-native-scrollable-tab-view 自适应高度

来源：4-1 ListView列表、下拉刷新、上拉加载的基本使用

江夏易居

2018-12-17

老师好啊，求教个react-native-scrollable-tab-view的使用场景。

我这里的需求，tab既不是现实在页面上方，也不是下方，而是中间区域。

图片描述

选项卡二是一个下拉加载更多的列表，所以理论上，选项卡二的内容区域会很长。

这样的话，选项卡一的内容区域就会有很长的空白。我要达到的效果其实是：

选项卡的内容区域高度是自适应的

由于公司内网机限制，这里用官网的代码示例一下

图片描述
我给内容区域设置了height，用state的height控制，组件初始化时给height设置为500.

当选项卡切换时，监听onChangeTab事件，切到选项卡一时，设置height为500，切换到选项卡二时，设置height为‘auto’。

但实际效果是，切换为选项卡一时，高度并没修改为500.底下还是有很多空白。

老师可否提供下修改思路或意见呢？非常感谢~

写回答

1回答

CrazyCodeBoy

2018-12-17

这个需求react-native-scrollable-tab-view目前还不支持，如果要实现该需求的话，不妨从fork下react-native-scrollable-tab-view的源码，然后从源码上入手

React Native技术精讲与高质量上线App开发

一个真实的上线项目，一次完整的开发过程，全面掌握React Native技术

1577 学习 · 727 问题

相似问题

回答 1

回答 1

回答 1

回答 2

回答 1