为什么在删除onTap和OtherCallBacks之后此Flutter代码不起作用

您的代码中有3个问题：

第一：您在列内使用listView，并且两者都有无限制的高度。

解决方案：例如，您可以将listview包装Expanded为如下所示：

Column(
    children: <Widget>[
      Expanded(
        child: ListView(
          children: widget.products.map((Product product) {
            return Item(product: product);
          }).toList(),
        ),
      )
    ],
  )

第二个问题：您需要在map方法内使用return关键字。

 ListView(
           children: widget.products.map((Product product) {
             // You need to return the Item widget here.
             return Item(product: product);
            }).toList(),
        ),

第三个问题：您试图显示窗口小部件product.name内部的第一个字符，listTile有时可能为null，因此必须检查是否product.name为null第一个。

解

ListTile(
  leading: CircleAvatar(
    child: Text(
        product.name == null || product.name == "" ? " " : product.name[0]),
  ),
  title: Text(product.name),
)

最终代码将是：

import 'package:flutter/material.dart';

class Product {
  Product({this.name});
  final String name;
}

class Item extends StatelessWidget {
  Item({this.product});
  final Product product;
  @override
  Widget build(BuildContext context) {
    return ListTile(
      leading: CircleAvatar(
        child: Text(
            product.name == null || product.name == "" ? " " : product.name[0]),
      ),
      title: Text(product.name),
    );
  }
}

class MyShoppingList extends StatefulWidget {
  MyShoppingList({this.products});
  final List<Product> products;

  @override
  _MyShoppingListState createState() => _MyShoppingListState();
}

class _MyShoppingListState extends State<MyShoppingList> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("Shopping List"),
      ),
      body: Column(
        children: <Widget>[
          Expanded(
            child: ListView(
              children: widget.products.map((Product product) {
                return Item(product: product);
              }).toList(),
            ),
          )
        ],
      ),
    );
  }
}

main() {
  return runApp(MaterialApp(
    home: MyShoppingList(
      products: <Product>[
        Product(name: "Hello"),
        Product(name: "World"),
        Product(name: "")
      ],
    ),
  ));
}