React-Native -如何在Native Base中动态创建标签？

import React, { useState } from 'react';
import { Container, Content, Button, Text } from 'native-base';

const [tags, setTags] = useState([]);

const addTag = () => {
  const newTag = `Tag ${tags.length + 1}`;
  setTags([...tags, newTag]);
};

return (
  <Container>
    <Content>
      {tags.map((tag, index) => (
        <Button key={index} style={{ margin: 10 }}>
          <Text>{tag}</Text>
        </Button>
      ))}
      <Button onPress={addTag}>
        <Text>Add Tag</Text>
      </Button>
    </Content>
  </Container>
);