首页 > 解决方案 > 在标题选项卡,本机基础中禁用左边距和右边距

问题描述

如何在标题为原生基础的标签中禁用该边距?

标签图像

这是我的代码:

  <View>
    <Tabs
      tabBarActiveTextColor='#000'
      tabBarBackgroundColor='transparent'
      tabBarUnderlineStyle={{ backgroundColor: 'transparent' }}
      renderTabBar={() => <ScrollableTab style={{ borderWidth:0, paddingLeft:0}} />}
    >
      <Tab
        tabStyle={{ backgroundColor: '#fff', paddingLeft:0, margin:0 }}
        activeTabStyle={{ backgroundColor: '#fff', paddingLeft:0, margin:0 }}
        heading='Home'
        // textStyle={styles.textStyle}
        // activeTextStyle={styles.activeTextStyle}
      >
        <TextExtraSmall>awda</TextExtraSmall>
      </Tab>
    </Tabs>
  </View>
)

} }

标签: react-native

解决方案


申请margin:0

 tabStyle={{ backgroundColor: '#fff', paddingLeft:0, margin:0 }}
 activeTabStyle={{ backgroundColor: '#fff', paddingLeft:0, margin:0 }}

推荐阅读