HarmonyOS 鸿蒙Next 求助 TabContent自适应高度怎么实现呀

效果如下图，切换不同的tab，能够根据content自动设置高度，或者有什么方法可以实现这个效果，利用AreaChange动态设置高度会出现一直闪的现象。

sinazl 1楼•1 个月前

尝试给给Tabs设置height('auto')

nodeper 2楼•1 个月前

666，这个好使

itying888 3楼•1 个月前

设置为auto后确实可以达到我想要的效果，太感谢了🙏

bupafengyu 4楼•1 个月前

楼主您好，目前tabs组件的tabcontent子组件不能自适应高度，建议使用swiper可以自适应子组件高度。

itying888 5楼•1 个月前

添加Scroll组件。只是需要注意下面两种情况：

1、列表的数据数量过多时，将导致内容会超过界面。

2、列表的数据数量不足时，将导致Scroll组件滚动时出现空白区域。

所以此处要在最外层包裹一个Scroll组件。我们可以把最开始加到Column组件的背景色移到Scroll组件上。此处添加constraintSize并设置minHeight为100%，可以解决当内容条数不足时，Scroll组件滚动时会出现空白区域的错误效果。edgeEffect用于设置边缘滑动效果，设置为EdgeEffect.Spring表示设置为弹性物理动效。

sinazl 6楼•1 个月前

试一下这个属性，能不能达到你要的要求。

.layoutWeight(1)

phonegap100 7楼•1 个月前作者

容器组件不设置宽度或者高度时，其宽或高为子组件撑起来的宽高。 Text组件不设置宽度时，文本的长度就会撑起组件的宽度。

主打一个从内部撑起来宽高。

sinazl 8楼•1 个月前

在HarmonyOS鸿蒙Next中，TabContent自适应高度可以通过以下方式实现：

使用Flex布局：在Tabs父组件中设置Flex布局，并调整flex-direction属性，使TabContent能够自适应其内容高度。
外部容器控制：在TabContent外部添加一个容器，并设置该容器高度为自适应，然后将TabContent的高度与容器高度保持一致。
动态调整：通过监听内容组件的变化，动态计算并设置TabContent的高度。

如果问题依旧没法解决，请加我微信，我的微信是itying888。