Question

我使用this library进行RTL标签视图。

我的代码：

<ScrollableTabView
tabBarBackgroundColor={COLOR}
tabBarInactiveTextColor={'#fff'}
tabBarActiveTextColor={'#fff'}
tabBarUnderlineStyle={{ backgroundColor: '#fff' }}
tabBarTextStyle={styles.tabBarTextStyle}
direction='rtl'
renderTabBar={(props) => <Animated.View
    style={[{
        transform: [{ translateY: tabY }],
        zIndex: 1,
        width: "100%",
        backgroundColor: COLOR,
        marginTop: HEADER_MAX_HEIGHT,
    }, Platform.OS === "ios" ? { paddingTop: 20 } : null]}>
    <ScrollableTabBar {...props} />
</Animated.View>}>

<View tabLabel="tab1" >
    {this._tab1()}
</View>
<View tabLabel="tab2">
    {this._tab2()}
</View>
<View tabLabel="tab3" >
    {this._tab3()}
</View>

我有3个标签，需要滚动的内容大小不同。

它使滚动视图与最长的选项卡内容一样长。

其他选项卡有时需要较小的滚动，但是对于所有选项卡来说，滚动时会很长，当我的视图较小时，视图的末尾会有多余的空白。

我需要为每个标签使用不同的滚动视图大小。

如何删除空白？

如何使标签视图具有不同的滚动大小？

0 个答案: