首页 > 解决方案 > 如何在调试模式下禁用鼠标滚轮滚动点击

问题描述

我在制作 Flutter 应用时使用了 ListView。但是当通过模拟器运行它时,就会出现问题。使用鼠标滚轮滚动时,列表视图项目会被粘贴。不能滚动。并且滚动不流畅。

main.dart 文件的一部分

    body: ListView(
        children: <Widget>[
          image_Carousel,
          Padding(
            padding: const EdgeInsets.all(8.0),
            child: Text('Categories'),
          ),

          //Horizontal ListView Begin Here
          HorizontalList(),
          Padding(
            padding:
                const EdgeInsets.symmetric(vertical: 15.0, horizontal: 8.0),
            child: Text('Recent Products'),
          ),

//          Grid view
          Container(
            height: 320.0,
            child: Products(),
          )
        ],
      ),

部分代码 products.dart 文件

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

// my own imports
import 'package:ecommercetuto/pages/product_details.dart';

class Products extends StatefulWidget {
  @override
  _ProductsState createState() => _ProductsState();
}

class _ProductsState extends State<Products> {
  var product_list = [
    {
      "name": "Blazer",
      "picture": "images/products/blazer1.jpeg",
      "old_price": 120,
      "price": 100,
    },
    {
      "name": "Red Dress",
      "picture": "images/products/dress2.jpeg",
      "old_price": 110,
      "price": 80,
    },
    {
      "name": "Blazer",
      "picture": "images/products/dress1.jpeg",
      "old_price": 150,
      "price": 110,
    },

如何解决这个问题?

标签: listviewflutterscrollmousewheel

解决方案


推荐阅读