首页 > 解决方案 > 我们如何使用 react-navigation 在 DrawerItem 中添加徽章

问题描述

我想知道是否有办法在<DrawerItem />组件中添加与标签相同的徽章react-navigation

这是我的代码,但不知道如何添加

<DrawerItem
      icon={({ color, size }) => (
        <AntDesign name="mail" color={color} size={normalize(size)} />
      )}
      label="Inbox"
      labelStyle={{
        fontFamily: "KyrialSansProLight",
        fontWeight: "300",
        fontSize: 28,
      }}
      onPress={() => setChatState(true)}
    />

label道具似乎只接受string

label: string | ((props: {
        focused: boolean;
        color: string;
    }) => React.ReactNode);

标签: react-nativereact-navigation

解决方案


推荐阅读