将可按压区域减少到小于 LottieView 包装器

问题描述

我有以下代码可以呈现如图所示的录制按钮。

这个 LottieView 被包裹在一个 pressable 组件中，这样当用户触摸它时，它就会开始播放动画。我的问题是可按下区域位于整个 LottieView (500x500px) 上，因此用户可以按下深橙色圆圈之外的按钮来开始播放动画。

我只想在用户触摸 LottieView 中间深橙色部分时注册触摸。有没有办法做到这一点？

谢谢！

    return (
        <View style={styles.container}>
            <pressable onPressIn={() => setTimerOn(true)} onPressOut={handleOnPressOut}>
                <LottieView ref={animation} style={{width: 500,height: 500}} source={require('../../../assets/record.json')} speed={1.5}/>
            </pressable>
            <Text style={styles.seconds}>{runningTime/1000}</Text>
        </View>
    )

解决方法

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

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

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