5 item tabbar - Githubissues

Mindinventory / react-native-tabbar-interaction

Tabbar Component For React-Native

https://www.mindinventory.com/react-native-app-development.php

MIT License

818 stars 171 forks source link

5 item tabbar #8

Closed Eesssn closed 5 years ago

Eesssn commented 5 years ago

hi did u solve add 5 item to menu? that for responsibility

malvikiran commented 5 years ago

It will be available in next version.

Malikkhoja-zz commented 5 years ago

Hi,

When can we expect the new release with 5 tab items?

Eagerly waiting :)

Thanks in Advance

mariomurrent-softwaresolutions commented 5 years ago

Whats currently the maximum number of items? 3 or 4?

malvikiran commented 5 years ago

@mariomurrent-softwaresolutions - Currently it is 3

mariomurrent-softwaresolutions commented 5 years ago

@mariomurrent-softwaresolutions - Currently it is 3

Hopefully there will be a new version soon :) - anyway, awesome job with this tab bar

malvikiran commented 5 years ago

@mariomurrent-softwaresolutions Thanks

tontact commented 5 years ago

Failed to load bundle(http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false) with error:(Unable to resolve module react-native-tab-bar-interaction from /Users/Ton/Desktop/Internship/navigationDemo/App1.js: Module react-native-tab-bar-interaction does not exist in the Haste module map This might be related to https://github.com/facebook/react-native/issues/4968 I have this problem anybody can solve it.( My react native version 3) or this library cannot support in version 3

mrmurphy commented 5 years ago

@tontact a new issue would be a better place to ask, but I'll drop an answer here. The readme needs to be updated, you need to update your code to use the module name "@mindinventory/react-native-tab-bar-interaction".

longnk-1447 commented 5 years ago

@mrmurphy I cannot import ScrollView, FlatList, after import navBar not transparent?

longnk-1447 commented 5 years ago

Simulator Screen Shot - iPhone X - 2019-10-09 at 16 13 23

longnk-1447 commented 5 years ago

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

malvikiran commented 5 years ago

@longnk-1447 this is a different issue and it is not related to this thread. Can you pls create it separately?

ankits47b commented 4 years ago

will be available in next version.

When you release next version? I am really excited to use this but I have 5 tab....