Mindinventory / react-native-tabbar-interaction

Tabbar Component For React-Native
https://www.mindinventory.com/react-native-app-development.php
MIT License
814 stars 171 forks source link

NavBar not transparent after import ScrollView or FlastList on Page Content #13

Closed longnk-1447 closed 4 years ago

longnk-1447 commented 4 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>
longnk-1447 commented 4 years ago

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

longnk-1447 commented 4 years ago

hmm, i found solution, that is add

position: 'absolute',
        bottom: '1%',

into style content, and you can check pull 14

longnk-1447 commented 4 years ago

@malvikiran please merge my pull, i can contribute for this repo great awesome!

malvikiran commented 4 years ago

Sure

On Thu, 10 Oct, 2019, 9:08 AM longnk-1447, notifications@github.com wrote:

@malvikiran https://github.com/malvikiran please merge my pull, i can contribute for this repo great awesome!

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/Mindinventory/react-native-tabbar-interaction/issues/13?email_source=notifications&email_token=ACCXZE5N63SBHRWIPYQ5J6DQN2PUHA5CNFSM4I64RFSKYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOEA2MR2I#issuecomment-540330217, or unsubscribe https://github.com/notifications/unsubscribe-auth/ACCXZEZVD2DVTUDSVBK7YCDQN2PUHANCNFSM4I64RFSA .

longnk-1447 commented 4 years ago

Sure On Thu, 10 Oct, 2019, 9:08 AM longnk-1447, @.***> wrote: @malvikiran https://github.com/malvikiran please merge my pull, i can contribute for this repo great awesome! — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#13?email_source=notifications&email_token=ACCXZE5N63SBHRWIPYQ5J6DQN2PUHA5CNFSM4I64RFSKYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOEA2MR2I#issuecomment-540330217>, or unsubscribe https://github.com/notifications/unsubscribe-auth/ACCXZEZVD2DVTUDSVBK7YCDQN2PUHANCNFSM4I64RFSA .

Can I do contributor for this project?

longnk-1447 commented 4 years ago

@malvikiran i contribute add bgNavBar, bgNavBarSeletor, stroke for nav, please check it :D 15

malvikiran commented 4 years ago

@longnk-1447 Done.