图标内部的文字 - 反应原生

Question

我想在原生反应中实现这样的效果。

在“反应母语图标”我们有直接实施利用堆叠图标由this链接给出。虽然同样的事情在react-native-vector-icon中不起作用。并且react-native-icon不再受支持。任何想法都可以通过font-awesome或任何建议来实现这种行为。或者任何实施方式fa-stack-1x in native native。

PS：请忽略图片中的绿色补丁

Answer 1

也许会做出类似的事情？

<View> 
<Icon/> // with position absolute 
<Text>1</Text> 
</View> 

Answer 2

是这样的吗？不过，它可能需要一些改进。

<View 
    style={{ 
    width: 100, 
    height: 100, 
    borderRadius: 50, 
    backgroundColor: '#000000', 
    alignItems: 'center', 
    justifyContent: 'center' 
    }}> 
    <Text style={{color: '#ffffff'}}>1</Text> 
</View>