小编Nic*_*nai的帖子

更新

将“setData({ data })”更改为“setData(data)”并重新启动 iOS Simulator 后解决

原帖

https://www.npmjs.com/package/react-native-draggable-flatlist示例使用类组件，但我更喜欢使用函数组件。我尝试作为功能组件实现如下，但我遇到了错误（也在下面）。对单个列表项重新排序后发生错误，然后列表消失。

功能组件尝试

import React, { useState } from 'react';
import { StyleSheet, Text, TouchableOpacity, View } from 'react-native';
import DraggableFlatList from 'react-native-draggable-flatlist';
import ScreenTitle from '../components/ScreenTitle';
import AppScreen from './AppScreen';

function MyMorningScreen(props) {
  const [data, setData] = useState([
    {
      order: 1,
      label: 'Start Timeular',
    },
    {
      order: 2,
      label: 'Workout',
    },
    {
      order: 3,
      label: 'Shower',
    },
  ]);

  const renderItem = ({ item, index, drag, isActive }) => (
    <TouchableOpacity style={styles.item} …