1

有没有办法在不编写完全自定义标题的情况下使用搜索栏和分段控件覆盖响应导航中的标题？我想使用反应导航提供的内置搜索组件，但在点击搜索时添加分段控件。还想要iOS中的原生大标题样式。

React 导航有一个选项来指定显示 SearchBar 的搜索选项，但我不确定是否可以覆盖此功能。参考下面的截图：

使用分段控制搜索

4

1 回答 1

1

我能做的最好的就是

    React.useEffect(() => {
        navigation.setOptions({
            headerTitle: () => {
                return <SegmentedControl style={{ width: 200, alignSelf: 'center' }}
                    values={['One', 'Two']}
                    selectedIndex={selectedIndex}
                    onChange={(event) => setSelectedIndex(event.nativeEvent.selectedSegmentIndex)}
                />
            },
        });
    });

这用分段控件替换了小标题标题。标题动画和搜索栏仍然有效。

稍后编辑：我刚刚意识到，这也是本机行为（您可以在通话屏幕上的最近选项卡中的 ios 上检查它）。段替换了小标题:)

结果视频

于 2022-01-01T21:25:52.757 回答