javascript - 如何在我的自定义按钮和重新设置本机后退按钮之间切换标题上的后退按钮？

Question

我有一些我想显示的自定义按钮而不是后退按钮（仅当状态的一部分为真时）。当状态是false我想显示反应原生的后退按钮，它像往常一样显示。简而言之，在我的自定义按钮和反应“返回”按钮之间成功切换，当您在屏幕之间导航时会显示该按钮。

到目前为止我的代码：

//the part of the state
const [longPress, setLongPress] = useState(false);
useLayoutEffect(() => {
    if (longPress) {
      navigation.setOptions({
        headerLeft: () => (
          <Button onPress={() => setLongPress(false)} title="My custom button" />
        ),
      });
    } else {
      navigation.setOptions({
        headerLeft: () => (
          //here I want to show the react native back button which is shown as usual with stack screens
        ),
      });
    }
  }, [longPress]);

我该怎么做？我需要找到一个箭头按钮图标并复制反应原生的“后退”按钮还是有更聪明的方法？理想情况下，我不想重新创建“后退”按钮，因为它在所有平台上可能看起来都不一样。

标签： javascriptreactjsreact-native