アイコン内のテキスト - 反応するネイティブ

Question

私は反応ネイティブでこれを達成しようとしています。 「反応するネイティブ・アイコンを私たちが直接実装を持つthisリンクによって与えられるように積み重ねられたアイコンを使用しては

。反応ネイティブベクトルアイコンでも同じことは動作しませんが。そしてreact-native-iconはもはやサポートされていません。どんなアイデアでも、このような振る舞いは、フォント - すばらしい、またはこの種の反応ネイティブでの任意の提案によって達成できます。または実行する任意の方法 fa-stack-1x in react 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>