小编Kad*_*ani的帖子

自定义标签在React导航上的样式

我正在使用带有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: { …
Run Code Online (Sandbox Code Playgroud)

reactjs react-native react-navigation

0
推荐指数
1
解决办法
3033
查看次数

标签 统计

react-native ×1

react-navigation ×1

reactjs ×1