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

Question

我的简单问题是：是否可以将 Icon 组件内的文本居中，我尝试像孩子一样传递文本但它不起作用？任何其他解决方案？我知道可能的解决方案是 withposition: 'absolute'但还有其他方法吗？

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

标签： javascriptreact-native

Answer 1

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

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