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

编程问答 2022-05-30

问题描述

嗨，我无法在 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

androidandroidexporeact-native