@pcdesign

Как вынести этот код в отдельный файл Header.js?

Есть такой пример.
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, чтобы можно было использовать его в других местах?
  • Вопрос задан
  • 147 просмотров
Решения вопроса 1
RomReed
@RomReed
JavaScript, Flutter, ReactNative, Redux, Firebase
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы