是否可以在<图标矢量组件react- /> -vector-icons中居中显示文本

Question

我的简单问题是:是否有可能在图标组件中居中文本，我尝试像传递孩子一样传递文本，但它不起作用？还有其他解决方案吗？我知道可能的解决方案是position: 'absolute'，但是有没有其他方法呢？

<View>
    <Icon
        color="blue"
        name="bookmark"
        size={scale(36)}
    />
    <Text style={[style.textBasic]}>text</Text>
</View>

Answer 1

实际上，最简单的解决方案是绝对：

<View style={{
    justifyContent: 'center',
    alignItems: 'center'
}}>
    <Icon
        color="blue"
        name="bookmark"
        size={scale(36)}
    />
    <Text style={{ position: 'absolute' }}>text</Text>
</View>