Nativebase: Native Base Custom Tab Height is not increasing

Created on 2 Aug 2017  路  5Comments  路  Source: GeekyAnts/NativeBase

Hi,
I am trying to create a custom tab using native base Tab . I am adding an image inside the custom tab but unfortunately tab height is not increasing according to the image . Please help me out
this is my code

    <Tabs >
          <Tab style={{height :250}} 
                heading={ <TabHeading  ><Image source={require('../../res/images/tab_selected_1.png')}/></TabHeading>}>

          </Tab>

    </Tabs>

Most helpful comment

Figured it out myself, share it to you guys:

  1. Follow the Customize Guide to eject themes.
  2. Edit height in native-base-theme/components/TabContainer.js.

All 5 comments

I've this exact problem too

I have the same problem. How to adjust tab heading height?

Figured it out myself, share it to you guys:

  1. Follow the Customize Guide to eject themes.
  2. Edit height in native-base-theme/components/TabContainer.js.

closing this issue

this is work for me

tabContainerStyle={{ height: 60 }}
tabBarUnderlineStyle={{
backgroundColor: "black",
height: 5,
}}

Was this page helpful?
0 / 5 - 0 ratings