<View style={styles.container}>
                <TabBar>
                    <TabBar.Item
                        icon={require('../../Images/certificate.png')}
                        selectedIcon={require('../../Images/certificate.png')}
                        title="Tab1"
                        screenBackgroundColor={{ backgroundColor: COLORS.COLOR_VIBLO }}
                    >
                        <View style={{flex: 1, backgroundColor: 'yellow'}}>
                            <ScrollView>
                                <Text>12321</Text>
                                ....
                            </ScrollView>
                        </View>
                    </TabBar.Item>
                    <TabBar.Item
                        icon={require('../../Images/profile.png')}
                        selectedIcon={require('../../Images/profile.png')}
                        title="Tab2"
                        screenBackgroundColor={{ backgroundColor: '#F08080' }}
                    >
                        <View>
                            {/*Page Content*/}
                        </View>
                    </TabBar.Item>
                    <TabBar.Item
                        icon={require('../../Images/trophy.png')}
                        selectedIcon={require('../../Images/trophy.png')}
                        title="Tab3"
                        screenBackgroundColor={{ backgroundColor: '#485d72' }}
                    >
                    <View>
                        {/*Page Content*/}
                    </View>
                    </TabBar.Item>
                </TabBar>
            </View>

I have added dependency using

npm i mindinventory/react-native-tab-bar-interaction

It throws error: bundling failed: Error: Unable to resolve module react-native-tab-bar-interaction Module react-native-tab-bar-interaction does not exist in the Haste module map

Hello! Thank you a lot for your job! I have one question: How i can change active tab by default? Now default active slide is first, but i want change it on therty

If I want to compile it, I always get message:

Creating an optimized production build... Failed to compile.

Module not found: Error: Can't resolve './Tabbar/TabBar' in '/var/www/.../node_modules/@mindinventory/react-native-tab-bar-interaction'

Is there something wrong with the paths?

Hello Good job! Hoe can we change speed of transition? If this is not already added in the functionality then please add it.

And also i have one more issue in the library like when application comes from background that time icon is not display.

I am getting below errors when using this awesome package with typescript.

I have followed the installation instructions as specified on the package's github page

Even though I do have skipLibCheck: true in tsconfig's compilerOptions and also have 'node_moduels in the excluded list of tsconfig, not sure why getting these errors, most of these are for the type discrepancies in node_modules/@mindinventory/react-native-tab-bar-interaction folder.

Please help

      <TabBar bgNavBar="white" bgNavBarSelector="white" stroke=**"skyblue**>
      here a " is missing after skyblue
      
      don't know if this is the right place to submit such an issue. First timer here!

I have 5 tab, i want to use this library for tab. but i'm not able add more than 3 tab. showing error like this " Three tab should be work."

Hi,

Thanks a lot for this wonderful library. In iOS its working fine but in Android I am facing issue. The selected icon in the circle is getting cut. Will you please guide me here.

Getting following error : ~node_modules/@mindinventory/react-native-tab-bar-interaction/TabBar.js 29:12

Module parse failed: Unexpected token (29:12) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders | | return (

        <View style={{flex: 1}}>

| {child} |

after about 1h searching the problem of usage i found that the line 32 <TabBar bgNavBar="white" bgNavBarSelector="white" stroke="skyblue> MISSING a close double quote to the stroke="skyblue">