Nativebase: how to use Tabs of native base ?

[rajatgupta1993]

I used the code given in the docs .

import React, { Component } from 'react';
import { Container, Content, Tabs } from 'native-base';

import TabOne from "./tabOne";
import TabTwo from "./tabTwo";
​
http://nativebase.io/docs/v0.5.2/components#tabs

It is showing error : Unable to resolve module ./tabOne.

[SupriyaKalghatgi]

@rajatgupta1993 That is example snippet for tabs
tabOne and tabTwo are two different js files that should be existing in your app

[rajatgupta1993]

@SupriyaKalghatgi thanks .

but how can I style it?
as in which properties can be changed and how?

[SupriyaKalghatgi]

@rajatgupta1993 Check the documentation for same

[rajatgupta1993]

Hi I have tried using this ,
But it is not changing the style of tabs .

<Content> <Tabs tabBgColor="black" tabTextColor="white"> <TabOne tabBgColor="black" tabTextColor="white" tabLabel="One" /> <TabTwo tabLabel="Two" /> </Tabs> </Content>

I have the tried "tabBgColor="black", tabTextColor="white" properties in both , but result is not reflecting.

[sankhadeeproy007]

These are not props and you need to change these variables in your theme.js file. Please go through the docs again. Closing this as this is not an issue.

[rajatgupta1993]

where is theme.js located?
I couldn't find it .
and please tell me where is this documented?
@sankhadeeproy007

[sankhadeeproy007]

Here

[andreyluiz]

I think it is not very specific in the documentation how to create an actual tab to import and use it in the Tabs component. How does a Tab looks like? I can't find out where it is documented.

[ravingupta]

Unable to locate /node_modules/native-base/Components/Themes/light.js

[chibeepatag]

Is it possible to know which is the currently active tab?

[saivyas]

You can get by initialPage property

  <Tabs initialPage=1}}>

[heiseish]

@chibeepatag you can get it from the onChangeTab function