自定义标题中的默认样式

时间:2020-02-03 11:55:03

标签: javascript react-native

Default header styling 上面是我的应用程序的默认标题。定义如下:

   navigationOptions: ({ navigation }) => ({
    title: false,
    headerLeft: () => (
      <SettingsButton
        onPress={() => navigation.navigate('Settings')}
      />
    ),
    headerRight: () => (
      <SearchButton
        onPress={() => navigation.navigate('Search')}
      />
    ),
   }),

然后我有:

Custom header

..这是一个自定义标头。在SearchScreen.js中定义如下:

  static navigationOptions = ({ navigation }) => ({
    header: () => (
      <View style={styles.header}>
        <HeaderBackButton onPress={() => navigation.goBack(null)} />
        <TextInput style={styles.textInput} />
      </View>
    )   
  });

如何为我的自定义标头使用默认样式?我的自定义标题(搜索)背景,颜色,大小等应与我的默认标题相同。

0 个答案:

没有答案