如何根据其内容使react-native-elements工具提示大小动态变化？

import { Tooltip } from 'react-native-elements';
import { StyleSheet } from 'react-native';

const [tooltipSize, setTooltipSize] = useState(16); // 默认大小为16

<Tooltip
  style={styles.tooltip}
  popover={<Text>这是一个工具提示</Text>}
  width={tooltipSize}
>
  <Text>点击这里显示工具提示</Text>
</Tooltip>

const adjustTooltipSize = (content) => {
  let size = 16; // 默认大小为16
  if (content.length > 10) {
    size = 20; // 如果内容长度大于10，设置大小为20
  }
  setTooltipSize(size);
};

adjustTooltipSize('这是一个示例内容');

const styles = StyleSheet.create({
  tooltip: {
    backgroundColor: 'gray',
    borderRadius: 5,
  },
});