单击底部选项卡以使用 React Native 提示模式

Question

有人知道如何在按下底部标签时提示模态框吗？在 React Native 中

Answer 1

您可以为 tabPress 添加事件侦听器并从事件侦听器触发模式。像这样：

const [showModal, setShowModal] = React.useState(false);

React.useEffect(() => {
  const unsubscribe = navigation.addListener('tabPress', (e) => {
    // Prevent default behavior
    e.preventDefault();
    setShowModal(true);
  });

  return unsubscribe;
}, [navigation]);

在你的 return 部分：

<Modal
  visible={showModal}
  onRequestClose={() => {
    setShowModal(false);
  }}
>
  {/* Your code */}
</Modal>

e.preventDefault() 是可选的，如果你想阻止 tabPress 导航到另一个屏幕然后到那个，否则不要使用它。

单击底部选项卡以使用 React Native 提示模式

Click on bottom tab to prompt a modal using React Native

react-native

react-native-navigation