使用 hitSlop (React-native-popup-menu) 增加可触摸区域

问题描述

我正在使用 react-native-popup-menu 但我正在尝试增加用户可以单击以触发菜单选项的区域。我已经阅读了文档，并且有关于 TouchableOpactiy 的信息，但似乎是关于样式的，但我觉得我也不理解它。

我有一个组件，我将 OptionsMenu 作为道具传递：

<TouchableOpacity style={{alignContent: 'flex-end',paddingRight:10}} hitSlop={{bottom: 50,top: 50,left: 50,right: 50 }}>
   //I kNow using hitSlop here is wrong and it is not triggering anything here. Just showing what I have.
      {OptionMenu}
  </TouchableOpacity>

在另一个屏幕中，我将其设置为

<Menu>

    <MenuTrigger>
        <Svg
            viewBox="0 0 64 512"
            height={34}
            width={10}
            fill='#7b8794'
        >
            <Path d="M32 224c17.7 0 32 14.3 32 32s-14.3 32-32 32-32-14.3-32-32 14.3-32 32-32zM0 136c0 17.7 14.3 32 32 32s32-14.3 32-32-14.3-32-32-32-32 14.3-32 32zm0 240c0 17.7 14.3 32 32 32s32-14.3 32-32-14.3-32-32-32-32 14.3-32 32z" />
        </Svg>
    </MenuTrigger>


    <MenuOptions>
        <MenuOption onSelect={() => handleInsert(item,index)} text='Duplicate' />
        <MenuOption onSelect={() => handleRemove(index)}>
            <Text style={{ color: 'red' }}>Delete</Text>
        </MenuOption>
    </MenuOptions>

</Menu>

我不明白在哪里可以传入 hitSlop 以增加 touchable 区域以触发 MenuOptions。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）