图标内的文字 - react-native

Question

我正在尝试以原生的方式实现这样的目标。

在'react-native-icon'中，我们使用this链接给出的堆叠图标直接实现。虽然同样的事情不适用于react-native-vector-icon。并且不再支持react-native-icon。任何想法都可以通过font-awesome或者这种反应原生的绘图来实现这种行为。或者在本机中实现 fa-stack-1x 的任何方法。

PS：请忽略Image中的绿色补丁

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>