React Native Center выровнять текст заголовка тела - PullRequest
Новая
       6

React Native Center выровнять текст заголовка тела

0 голосов
/ 19 февраля 2020

Как я могу центрировать текст заголовка в основной базе? 

<Header>
  <Left style={{flex:1}}>
    <Button
       transparent
       onPress={() => NavigationService.navigate('Home')}
    >
      <Icon name='arrow-back' />
    </Button>
    </Left>
    <Body style={{flex:1}}>
      <Title>Vacancy Snapshot</Title>
    </Body>
</Header>

Результат выше - текст, выровненный по правому краю. enter image description here Если я добавлю метку Right <Right style={{flex:1}} /> после основного текста, текст будет отцентрирован, но не будет отображаться весь текст: enter image description here

1 Ответ

1 голос
/ 20 февраля 2020

, включая <Right style={{flex:1}}/>, текст заголовка будет центрирован. и увеличьте значение flex до 3 с 1, чтобы можно было отобразить полную длину текста, например: 

<Header>
  <Left style={{flex:1}}>
    <Button
      transparent
    >
      <Icon name='arrow-back' />
    </Button>
    </Left>
    <Body style={{flex:3}}>
      <Title>Vacancy Snapshot</Title>
    </Body>
    <Right style={{flex:1}}/>
</Header>

Я также включил здесь закусочную для экспозиции для дальнейших экспериментов. веселиться!

...