微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

在“jemise111 / react-native-swipe-list-view”上向左/向右滑动菜单项反应原生

如何解决在“jemise111 / react-native-swipe-list-view”上向左/向右滑动菜单项反应原生

嗨,我无法在 react-native-swipe-list-view 中执行向左/向右滑动的操作。我阅读了文档,但没有找到任何示例。

您可以看到我在下面的代码中成功使用了一些 onpress 操作。但是 onLeftAction 不起作用 - 它不做任何事情(也不打印到控制台)

我的代码

<SwipeListView
        data={swipeListData}
    /*START ISSUE*/
        leftActionValue={70}
        onLeftAction={(data,rowMap) => {
            console.log("swipeleft");
        }
    /*END ISSUE*/
        }
        renderItem={(data,rowMap) => (
    /*HERE EVERYTHING WORKS*/
    
        )}
    
        renderHiddenItem={(data,rowMap) => (
    /*ALSO IN HERE*/ 
        )}
        leftOpenValue={75}
        rightOpenValue={-75}
    />

解决方法

onLeftAction 不响应 leftActionValue

您需要定义 leftActivationValue,这将触发 onLeftAction

道具的区别:

leftActionValue - 行的左操作的 TranslateX 值 释放手势后会移动

onLeftAction - 当行移动到 - leftActivationValue 时触发

参考:https://github.com/jemise111/react-native-swipe-list-view/blob/2f5cdec5ebd6ee320c42e4c9f477d1f072ecb40c/docs/actions.md

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。