如何解决使用 hitSlop (React-native-popup-menu) 增加可触摸区域
我正在使用 react-native-popup-menu 但我正在尝试增加用户可以单击以触发菜单选项的区域。我已经阅读了文档,并且有关于 TouchableOpactiy
的信息,但似乎是关于样式的,但我觉得我也不理解它。
<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 举报,一经查实,本站将立刻删除。