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

Question

Как вы можете видеть в документах , позиционирование по умолчанию для заголовка в реактивной бумаге выровнено по левому краю. Я видел множество вопросов и ответов о том, как реализовать центрированный заголовок как для Android Native, так и для StackNavigator из React Native, но мне не повезло добиться того же эффекта с реакцией на родную бумагу.

До сих пор я пытался использовать параметр style в Appbar.Header для передачи { textAlign: 'center' } или { flexDirection: 'row', justifyContent: 'space-between' }, но, похоже, ничего не работает. Меня не очень впечатлило отсутствие документации по переопределениям на реакционном носителе, но я все еще надеюсь, что есть способ сделать то, что я ищу.

const styles = { header: { textAlign: 'center' }}

<Appbar.Header style={styles.header}>
  <Appbar.Action icon="close" onPress={() => this.close()} />
  <Appbar.Content title={title} />
  <Button mode="text" onPress={() => this.submit()}>
    DONE
  </Button>
</Appbar.Header>

Answer 1

Вы должны использовать titleStyle вместо style для центрирования текста. Приведенный ниже код работает для меня.

<Appbar.Header>
  <Appbar.Content titleStyle={{textAlign: 'center'}} title="Centered Title" />
</Appbar.Header>

Существует также аналогичный subtitleStyle для стилизации субтитров. Проверьте документы для получения дополнительной информации .