反応ネイティブのフレックスで図形を使用する

Question

私は反応ネイティブで円にテキストを書き込もうとしていますが、フレックスを使用して円を特定の場所に収める必要があります。これは可能なことですか？私がそれをやろうとするとき、形はいつも、形が不正になって、それに矩形が付いた半円になります。

Answer 1

https://rnplay.org/apps/OolZWQ

私は一緒にこの例を投げ、それが私のために正常に動作しているようです。

<View style={styles.someLocation}> 
     <View style={styles.circle}> 
     <Text>Test</Text> 
     </View> 
    </View> 

おそらくあなたと私を比較しますか？サークルのサイズを必ず適用してください。変更できるオーバーライドスタイルはありません。

circle: { 
    width: 100, 
    height: 100, 
    borderRadius: 100/2, 
    backgroundColor: 'red', 
    alignItems: 'center', 
    justifyContent: 'center' 
    }, 
    someLocation: { 
    backgroundColor: '#0f0', 
    position: 'absolute', 
    right: 0, 
    padding: 10 
    }