Hy.我正在复制一个应用程序。我正在使用createMeteralTopTabNavigator。其余功能工作正常。我想在选项卡之间显示一条垂直线。但我不知道从哪里开始。请帮助我。我希望选项卡显示一条类似于图像中的线。
这是我代码

import { Text, View} from 'react-native';
import Constants from 'expo-constants';

import {
  createBottomTabNavigator,
  createMaterialTopTabNavigator
} from "react-navigation-tabs";
import{createAppContainer,NavigationContainer} from "react-navigation";
import ArenaCashScreen from './Screens/ArenaCashScreen';
import ArenaPointsScreen from './Screens/ArenaPointsScreen';
import UnknownCashScreen from './Screens/UnknownCashScreen';


const MainTabs = createMaterialTopTabNavigator(
      { 
        CurrentList: {
          screen: ArenaCashScreen,
          navigationOptions: {
            title: 'Arena Cash (AC)',
          },
        },
        OthersList: {
          screen: ArenaPointsScreen,
          navigationOptions: {
            title: 'Arena Points (AP)',
          },
        },
        thirdlistt: {
          screen: UnknownCashScreen,
          navigationOptions: {
            title: 'Unknown Cash (UC)',
          },
        },
      },
      {
        tabBarOptions: {
                activeTintColor:'white',
                inactiveTintColor:'white',
                indicatorStyle: {
                    backgroundColor: 'orange',
                  },
              style: {
                backgroundColor: 'black',
                elevation:0, // remove shadow on Android
                shadowOpacity: 0, // remove shadow on iOS,
                borderWidth:1,
                borderColor:'black'
              },
          showLabel: true,
          showIcon: false,
        },
      },
    );
    
const AppContainer2 = createAppContainer(MainTabs);

export default AppContainer2;