Есть такой пример.
https://snack.expo.io/@satya164/github.com-callsta...
И файл ./src/AppbarExample.js
В этом файле перед рендерингом изменяется заголовок.
То есть заголовок получается кастомный.
static title = 'Appbar';
static navigationOptions = ({ navigation }) => {
const params = { ...initialParams, ...navigation.state.params };
return {
header: (
<Appbar.Header>
{params.showLeftIcon && (
<Appbar.BackAction onPress={() => navigation.goBack()} />
)}
<Appbar.Content
title="Title"
subtitle={params.showSubtitle ? 'Subtitle' : null}
/>
{params.showSearchIcon && (
<Appbar.Action icon="search" onPress={() => {}} />
)}
{params.showMoreIcon && (
<Appbar.Action icon={MORE_ICON} onPress={() => {}} />
)}
</Appbar.Header>
),
};
};
Как вынести этот код в отдельный файл Header.js, чтобы можно было использовать его в других местах?