React本地底部选项卡tabBardBadge不工作

fzwojiic  于 2023-01-14  发布在  React
关注(0)|答案(1)|浏览(115)

我试图把一个徽章头上的标签栏在React本地,但它是行不通的。
下面是我的代码的一个例子:

这些是我的模块版本:

"@react-navigation/native": "^6.0.14",
"@react-navigation/bottom-tabs": "^6.4.1",

这是我的密码:

<Tab.Screen 
          name={'ApprovalTab'} 
          component={ApprovalScreen} 
          options={{tabBarBadge:3,
                    tabBarBadgeStyle:{color:'red'}}} 
        />
szqfcxe2

szqfcxe21#

试试这个代码

import { Ionicons } from '@expo/vector-icons';

         <Tab.Screen
          name={'ApprovalTab'}
          component={ApprovalScreen}
          options={{
            tabBarBadge: 0,
            tabBarIcon: ({ color, size }) => (
              <Ionicons name="home" color="red" size={30} />
            ),
          }}
        />

希望这对你有帮助!!

相关问题