How can I put this code into a separate Header.js file?

Question

React Native

There is such an example.
https://snack.expo.io/@satya164/github.com-callsta...
And the file ./src/AppbarExample.js
This file changes the title before rendering.
That is, the title is custom.

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>
      ),
    };
  };

How can I move this code into a separate Header.js file so that it can be used in other places?

Answer 1

like this?
https://snack.expo.io/rk3QN2oP4