如何将徽章添加到本机基本标签？

Question

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

Answer 1

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

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