Flexbox sağa doğru süzülüyor

Question

Genel bir kullanım durumu için Flexbox düzeni en iyi uygulama çözümlerini arıyorum. Örnekte

, ben sağa şamandıra olmak skor numarasını yapmaya flexbox'a kullanmak istiyorum.

position: absolute, 
right: 0, 

Ama sonra sorun biz dış kutu ile merkez hizalama kullanamazsınız: Ben kullanmayı düşündü.

Aklıma gelen bir başka yolu görüntüyü ve isim kısmını sarmak için başka esnek kutu yapmak için, daha sonra bu ne acaba çok yaygın bir UI paradigma gibi görünüyor

justifyContent: 'space-between' 
to make the expected layout. 

kullanmak için bir dış esnek kutusu oluşturmak en iyi uygulama. Çok teşekkür ederim!

Answer 1

ortak flexbox'a soruları cevaplamak için bu müthiş kılavuzu kullanın: https://css-tricks.com/snippets/css/a-guide-to-flexbox

yalancı kod: Bu nedenle iterek tüm kullanılabilir alanı kaplayan Text ile yanyana 3 unsurları vermektedir

<View style={{flexDirection: 'row', alignItems: 'center'}}> 
    <ProfilePicture /> 
    <Text style={{flex: 1}}>{username}</Text> 
    <ScoreNumber /> 
</View> 

ScoreNumber sağa.

Answer 2

Bu