我们如何创建列表在React native中查看Swipeout

时间:2017-04-17 05:02:41

标签: react-native

我想在React native中使用listView创建一个swipeour。我使用此链接  要创建ListView Swipeout 但是此链接无效。请在此链接中为我提供创建swipout的代码https://medium.com/@bddougie/adding-swipe-to-delete-in-react-native-cfa85a5f5a31

1 个答案:

答案 0 :(得分:0)

你分享的上述链接在ios上运行正常,但在android上却没有。 我尝试过使用React Native滑动列表视图

使用代码段:

import { SwipeListView } from 'react-native-swipe-list-view';
render() {
    const ds = new ListView.DataSource({rowHasChanged: (r1, r2) => r1 !== r2});
    return (
        <SwipeListView
            dataSource={ds.cloneWithRows(dataSource)}
            renderRow={ data => (
                <View style={styles.rowFront}>
                    <Text>I am {data} in a SwipeListView</Text>
                </View>
            )}
            renderHiddenRow={ data => (
                <View style={styles.rowBack}>
                    <Text>Left</Text>
                    <Text>Right</Text>
                </View>
            )}
            leftOpenValue={75}
            rightOpenValue={-75}
        />
    )
}

请参阅以下链接了解更多信息: https://github.com/jemise111/react-native-swipe-list-view