小编Kad*_*ani的帖子

我正在使用带有React-Navigation模块的React-Native（Expo）开发一个应用程序。我正在努力获得“ createBottomTabBar”样式所需的内容，并致力于自定义标签栏组件。

在哪里可以找到/找到类似的示例？我的代码正确吗？

我正在使用：React Native中底部导航上的边框底部和此视频：https : //www.youtube.com/watch?v=w24FE9PZpzk

但是我不知道该怎么做。

路由器/index.js

import { createSwitchNavigator,createStackNavigator, createBottomTabNavigator, createDrawerNavigator, createAppContainer } from 'react-navigation';

import { Home, SignUpScreen, LoginScreen, ForgotPasswordScreen,  Setting, AboutScreen, ScanFlight, FlightDetails, ChatList, ChatMessages, FriendList, exploreProfile, myProfile, FlightAdd, Notifications,Achievements } from '../Screens';

// Tab bar Custom Component
import appBottomTabs from '../NavigationLayout/bottomTabBar'

// Bottom Tab navigation

const MainTabNavigator = createBottomTabNavigator({
    Home,
    ChatList,
    ScanFlight
}, {
tabBarOptions: {
      activeTintColor: "#6200EE",      
    inactiveTintColor: "#858585",  
    style: {               
     paddingVertical: 10,        
     backgroundColor: "#fff",
     border: '#ffffff'  
    },      
    labelStyle: { …