Not working - a red box renders instead of the tabs

[tituswoo]

Given this code:

<TabLayout selectedTab={0} backgroundColor="red">
        <Tab name="BROWSE"/>
        <Tab name="FAVORITES"/>
        <Tab name="HISTORY"/>
</TabLayout>

I get this result:

[mabulgu]

I am facing the same problem.

[giggi1226]

same, anyone have a solution?

[qntnrbns]

If you dont link the android library, it will not render. In the instructions, it advises you to use rnpm but that has been rolled into react native. Noe you can just run react-native link react-native-android-tablayout from your project folder.

[janoschpizza]

I have the same problem on Android 6.0.1
Linking with rnpm or react-native doesn't seem to make any difference.

[qntnrbns]

are you sure that you have recompiled? Since this is android code, it will not update when you refresh the react debugger

[rithvikvibhu]

Same issue here. Linking didn't solve it.

[qntnrbns]

I'm gonna need more info than that. I created an issue a little while for the exact same problem on the package repo.

AlbertBrand/react-native-android-tablayout#26

Please try to reproduce using versions the react-native and react-native-android-tablayout that you are using in your projects.

edit: if you are following the instructions in the issue, use react-native link instead of rnpm

[janoschpizza]

Progress! I managed to compile and run the test referenced above. Unfortunately the app crashes as soon as I touch another tab.

react-native 0.36.1
testing on android 6.0.1 hardware device