将项目位置重置为可滑动的初始状态

Question

我使用 React Native 中的“Swipeable”组件从右向左滑动来删除和编辑列表中的数据。但我希望它在向右或向左滑动后按删除或编辑后立即返回到原来的位置。我该怎么做？

<GestureHandlerRootView>
      <Swipeable
        renderRightActions={() => (
          <TouchableOpacity onPress={() => handleDelete(item.turkish)}>
            <View style={styles.deleteContainer}>
              <Image style={styles.image} source={require('../assets/delete.png')} />
            </View>
          </TouchableOpacity>
        )}
        renderLeftActions={() => (
          <TouchableOpacity onPress={() => toggleEditModal(item.turkish)}>
            <View style={styles.editContainer}>
              <Image style={styles.image} source={require('../assets/edit.png')} />
            </View>
          </TouchableOpacity>
        )}

        
      >
        <View style={styles.item}>
          <Text style={styles.textTurkish}>{item.turkish}</Text>
          <Image style={styles.image} source={require('../assets/ok.png')} />
          <Text style={styles.textRussian}>{item.russian}</Text>
        </View>
      </Swipeable>
    </GestureHandlerRootView>

在这里，我尝试用状态结构保存位置，并为所有项目设置相同的位置，以便它们在“handleDelete”函数之后返回到这个位置，但不幸的是没有成功。还是一样。

Answer 1

你找到方法了吗？我也被这个问题困扰了……