search

torgeadelin / react-native-animated-nav-tab-bar

A simple and customisable React Native component that implements an animated bottom tab bar for React Navigation.
MIT License
889 stars 102 forks source link

Help Required #130

Closed iusama46 closed 11 months ago

iusama46 commented 11 months ago

How can I use the floating layout? That has less round corners , tab style border radius is not working

<Tabs.Navigator screenOptions={{ tabBarHideOnKeyboard: true, }}

        tabBarOptions={{
            tabStyle: {
                backgroundColor: AppColors.white,
                borderRadius:2
            },
            activeTintColor: AppColors.bottomNavBarIconColor,
            inactiveTintColor: "#222222",
            activeBackgroundColor: AppColors.bottomNavBarColor,

            labelStyle: {
                fontSize: 12,
                fontFamily: Fonts.regular,
                color:AppColors.black
            },

        }} >
iusama46 commented 11 months ago

Solution

appearance={{ dotCornerRadius:10}}