Flutter Linux原生应用ListView触屏滚动问题求助

问题场景 #

• 针对树莓派4开发的Flutter应用，使用ListView组件
• 通过flutter build linux编译为Linux原生应用后：
  • 鼠标滚轮滚动正常
  • 触屏仅能通过拖动滚动条实现滚动，无法在列表元素上用手指滑动触发滚动
• 使用flutter build bundle配合flutter-pi运行，或编译为Web应用时，触屏滑动滚动功能正常

解决方案 #

方法1：显式配置滚动组件支持触摸设备 #

Flutter的Linux原生环境默认可能未将触摸设备纳入滚动手势的监听范围，可通过ScrollConfiguration强制开启触摸输入支持：

修改后的代码如下：

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';

Future<void> main() async {
  runApp(const MyApp2());
}

class MyApp2 extends StatelessWidget {
  const MyApp2({super.key});

  @override
  Widget build(BuildContext context) {
    var list2 = <Color>[
      Colors.black,
      Colors.amber,
      const Color.fromARGB(255, 241, 150, 143),
      Colors.blue,
      Colors.pink,
      Colors.blueAccent,
    ];

    return MaterialApp(
      title: 'ListView',
      home: Scaffold(
        body: ScrollConfiguration(
          behavior: ScrollConfiguration.of(context).copyWith(
            dragDevices: {
              PointerDeviceKind.touch,
              PointerDeviceKind.mouse,
            },
          ),
          child: ListView.builder(
            physics: const AlwaysScrollableScrollPhysics(),
            itemCount: list2.length,
            itemBuilder: (context, index) {
              return Padding(
                padding: const EdgeInsets.symmetric(vertical: 20),
                child: Container(
                  color: list2[index],
                  height: 150,
                ),
              );
            },
          ),
        ),
      ),
    );
  }
}

核心说明：

• 通过ScrollConfiguration的copyWith方法，添加PointerDeviceKind.touch到dragDevices集合中，让滚动组件明确响应触摸设备的拖动事件
• 同时保留PointerDeviceKind.mouse，确保鼠标滚轮功能不受影响

方法2：升级Flutter版本 #

老版本Flutter对Linux平台的触摸事件支持存在局限性，建议升级到Flutter 3.10及以上稳定版，新版本针对Linux原生触摸交互做了优化。

升级命令：

flutter upgrade

方法3：检查系统依赖与显示环境 #

1. 确保树莓派安装了最新的GTK3依赖（Flutter Linux应用基于GTK3）：

sudo apt-get update && sudo apt-get install libgtk-3-dev

2. 尝试切换到Wayland显示服务器：
   树莓派默认可能使用X11，Wayland对触摸事件的处理更适配现代UI框架，可在系统设置中切换显示服务器后重新测试。

内容的提问来源于stack exchange，提问作者Jaime Roman