Реагировать родной: TextAlign: «право» не стилизации правильно

Question

Я совершенно новым реагировать родную CSS-стиль .. и есть следующий код:

<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> 

Проблема является вторым «TextAlign: «right» не работает - текст остается слева. Я хочу, чтобы текст находился в одной строке, но (очевидно) второй текстовый объект справа.

Любые подсказки? благодаря!

редактировать результат выглядит следующим образом:

Answer 1

Я не могу подтвердить, прямо сейчас, но вы можете попробовать это?

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

Позвольте мне знать, если он работает.

UPDATE

Могу ли я предложить работы вокруг?

<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>