帶有 FloatingActionButton 組件的 React-Native-Popup-Menu 無法使用 MenuTrigger 觸發

Question

我想一起使用react-native-popup-menu和react-native-floating-action-button組件。 我試過了：

<MenuTrigger>
    <FloatingActionButton
        size={56}
        textDisable
        iconName="directions"
        iconType="material-icons"
        shadowColor="#000"
        iconColor="white"
        backgroundColor="#405914"
    />
</MenuTrigger>

此代碼不會觸發 MenuTrigger，因為觸發了 FloatingActionButton 的 onPress。

---

我也試過這種東西：

<MenuTrigger customStyles={{ TriggerTouchableComponent: FloatingActionButton }} />

這個觸發器與 MenuTrigger 一起使用，但我無法自定義 FAB 按鈕的樣式。

你能給我一個解決方案嗎？ :)

謝謝

Answer 1

根據文檔，您可以使用triggerTouchable 。

      <MenuTrigger
        customStyles={{
          TriggerTouchableComponent: Button,
          triggerTouchable: { title: 'Select (Custom Touchables)' },
        }}
      />

Answer 2

使用react-native-popup-menu版本 0.15.12 我現在可以用

<MenuTrigger>
  <MyCustomButtonComponent>
    <Icon ...>
  </MyCustomButtonComponent>
</MenuTrigger>