1

我正在使用 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。

4

0 回答 0