javascript - 是否可以将 组件内的文本居中react-native-vector-icons

Question

我的简单问题是:是否可以将图标组件内的文本居中，我尝试像 child 一样传递文本，但它不起作用？还有其他解决方案吗？我知道可能的解决方案是使用 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>