React-ojczysty: textAlign: 'prawo' nie poprawnie stylizacji

Question

Jestem całkiem nowy reagować-rodzimy CSS stylizacji .. i mieć następujący kod:

<Text> 
<Text style={styles.author, {textAlign: 'left'}}> 
    {question.view_count + ' views\t' + question.comment_count}{(question.comment_count>1 || question.comment_count==0) ? ' comments' : ' comment'} 
</Text> 
<Text style={{textAlign: 'right'}}> 
    {(question.solution_count>0) ? question.solution_count + ' solutions' : ' Solve this' } 
</Text> 
</Text> 

Problemem jest drugi „textAlign: "right" "nie działa - tekst jest nadal po lewej stronie. Chcę, aby tekst był na tej samej linii, ale (oczywiście) drugi obiekt tekstowy po prawej stronie.

Jakieś wskazówki? dzięki!

edit wyjście wygląda następująco:

Answer 1

nie mogę potwierdzić tej chwili, ale można spróbować?

{textAlign: 'right', alignSelf: 'stretch'}

Daj mi znać, czy działa.

UPDATE

mogę zaproponować obejście?

<View style={{flex: 1, flexDirection: 'row'}}> 
    <View style={{flex: 1}}> 
    <Text>4 Views 0 Comments</Text> 
    </View> 
    <View style={{flex: 1}}> 
    <Text style={{textAlign: 'right'}}>Solve This</Text> 
    </View> 
</View>