与shouldComponentUpdate一起使用时，react-native-draggable-flatlist拖放重置

import React, { Component } from 'react';
import DraggableFlatList from 'react-native-draggable-flatlist';

class MyComponent extends Component {
  shouldComponentUpdate(nextProps, nextState) {
    // 判断props是否发生变化
    if (nextProps.data !== this.props.data) {
      return true;
    }
    // 判断state是否发生变化
    if (nextState.someState !== this.state.someState) {
      return true;
    }
    // 其他判断逻辑...

    // 默认情况下不重新渲染组件
    return false;
  }

  renderItem = ({ item, index, drag, isActive }) => {
    // 渲染列表项
    return (
      <TouchableOpacity
        style={{
          backgroundColor: isActive ? 'blue' : 'white',
          padding: 20,
          marginVertical: 8,
        }}
        onLongPress={drag}
      >
        <Text>{item.title}</Text>
      </TouchableOpacity>
    );
  };

  render() {
    return (
      <DraggableFlatList
        data={this.props.data}
        renderItem={this.renderItem}
        keyExtractor={(item) => item.id}
        onDragEnd={({ data }) => {
          // 处理拖拽结束后的逻辑
          console.log(data);
        }}
      />
    );
  }
}

export default MyComponent;