dart - Flutter 中的 ListView 中长按和滑动

Question

我有一个正在创建ListView. 对于 Android，我想实现“长按键”。对于 iOS，我想要“滑动手势”。

对于长按和滑动，我必须显示 3 个选项：

Delete | Delete All | More...

怎么做。

Answer 1

为了给你一个想法，你可以这样做。

@override
Widget build(BuildContext context) {
  bool isIos = Theme.of(context).platform == TargetPlatform.iOS;
  return ListView.builder(
    itemBuilder: (context, index) {
      if (isIos) {
        return Dismissible(
          key: Key("unique_key"),
          child: YourOwnWidget(),
          onDismissed: (direction) {
            // your item is swiped, perform operation here
          },
        );
      }
      return GestureDetector(
        onLongPress: () {
          // you can show an AlertDialog here with 3 options you need
        },
        child: YourOwnWidget(),
      );
    },
  );
}

Answer 2

将您的 listitem UI 包装在适用于 Android 的 GetureDetector 中并使用 onLongTap 回调。对于 iOS，您可以将 listitem UI 包装在 Dissmissable 小部件中。一个简单的提取应该对此有所帮助。

将您的 UI 放在一个仅返回该项目的 UI 的函数中，然后根据平台使用上述内容将其包装在外部。

// import platform helpers
import 'package:flutter/foundation.dart' show defaultTargetPlatform;
import 'package:flutter/foundation.dart' show TargetPlatform;


// determine your platform
 final isIOS = defaultTargetPlatform == TargetPlatform.iOS;


// return your appropriate wrapper
isIOS 
? Dismissible(
  child: _getListItemUi(),
) 
: GestureDetector(
  onLongPress: () {
  },
  child: _getListItemUi()
);

Widget _getListItemUi() {
  return Container(child: Text('List Item UI'));
}