0

How can i disable that margin in tabs heading native base ?

tabs image

Here's my code :

  <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>
)

} }

1 Answer 1

0

Apply margin:0

 tabStyle={{ backgroundColor: '#fff', paddingLeft:0, margin:0 }}
 activeTabStyle={{ backgroundColor: '#fff', paddingLeft:0, margin:0 }}
3
  • Can you reproduce and share a working snippet so that we all can look into it?
    – kooskoos
    Dec 12, 2019 at 8:24
  • Where are you importing Tabs from?Is it from a library or is it a custom component?
    – kooskoos
    Dec 12, 2019 at 9:05
  • Tabs coming from native base library Dec 12, 2019 at 10:17

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.