如何将徽章添加到本机基本选项卡？

Question

我是 React Native 的初学者，尝试设计一个简单的页面，我们在标签中显示徽章。我正在使用标签和徽章的原生基础。本机基础文档介绍了如何创建徽章，但我找不到如何将这些徽章添加到选项卡。有人可以帮我弄这个吗？提前谢谢你。

Answer 1

要在选项卡上使用徽章，请将带有 TabHeading 的徽章传递给 Tab 组件的标题属性。

<Tab
  heading={
    <TabHeading>
      <Badge success>
        <Text>2</Text>
      </Badge>
    </TabHeading>
  }>
  <Tab1 />
</Tab>

How to add badge to native base tabs?