使用 Navbar+Tabbar，中间的 scrollview 高度怎么设置？

[s2mh]

如题，要适配安卓和 iOS

[anlyyao]

你希望组件怎么处理？

[s2mh]

我调试了一天，scrollview 试了各种 height 的值，适配不了不同屏幕。比如这种：
height: calc({{windowHeight}}px - var(--td-navbar-height, 48px) - var(--td-navbar-padding-top, 20 px) - var(--td-tab-bar-height, 80rpx));
Navbar 和 Tabbar 在不同屏幕的高度好像都不一样。这个应该是挺常见的问题，不知道其他人是怎么写的？

[s2mh]

Navbar 和 Tabbar 能不能固定高度？这样减掉 safeArea 上下部分的高度就可以算 scrollview 的高度

[s2mh]

看了下代码，安卓的导航栏高度是动态计算的，tabbar高度是 110rpx。最终这么处理：
attached: function () { const data = {} const windowInfo = wx.getWindowInfo() const menuButtonInfo = wx.getMenuButtonBoundingClientRect() data.scrollViewHeight = windowInfo.safeArea.bottom - windowInfo.safeArea.top data.navBarHeight = (menuButtonInfo.top - windowInfo.safeArea.top) * 2 + menuButtonInfo.height this.setData(data) }
<scroll-view style="height: calc({{scrollViewHeight}}px - {{navBarHeight}}px - 110rpx);">

[anlyyao]

导航栏肯定是动态计算高度的，因为要和小程序右侧固定的胶囊位置保持一致。但是 scroll-view 高度为啥不直接 100vh - menuButtonInfo.top - menuButtonInfo.height - tabBarHeight