在React-Native的navigationOptions标头底部添加一个组件

Question

我想在react-native的navigationOptions标头的底部添加自定义搜索栏

代码：

  public static navigationOptions = ({ navigation }: any) => {
    const { state: { params = {} } } = navigation
    return {
      headerBackground: (
        <Image
          style={StyleSheet.absoluteFill}
          source={{ uri: 'https://upload.wikimedia.org/wikipedia/commons/3/36/Hopetoun_falls.jpg' }}
        />
      ),
      headerStyle: customStyle,
      headerTitle: (
        <Text>Title<Text/>
      ),
      headerLeft: <HamburgerMenu navigation={navigation} />,
      headerRight: (<View><Text>Test</Text></View>)
    }
  }

我想在headerBottom中使用相同的backgroundImage添加类似的东西，不确定底部项是否存在任何属性，我正在努力仅在标题内添加自定义搜索栏

Answer 1

我发现有不同的解决方案，而不是将搜索栏放置在导航选项的内部，而我将其放置在外部并使用了transparentHeader：'true'来满足我的要求。