颤振| ExpansionTile属性“children”在扩展时抛出了Bottous Overflowed问题

Posted 2021-04-13

我正在建立一个从Firestore中取出的物品清单，包裹在ExpansionTile内的ListView.builder()中。正确获取数据。没问题。我可以看到这些项目的清单。

问题是关于瓷砖扩展我需要显示一些ListTile。但在扩张时，它给我扔了一个Bottom Overflowed by X pixels。

要解决这个问题，我尝试将其包装在ListView中，但它会抛出异常 -

引发了另一个异常：NoSuchMethodError：方法'<='在null上调用。

没运气。

我正在编写这样的代码 -

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

class NewExpansionPanel extends StatefulWidget {
  @override
  _NewExpansionPanelState createState() => _NewExpansionPanelState();
}

class _NewExpansionPanelState extends State<NewExpansionPanel> {
  Widget getListOfTexts(){
    return ListView(
      children: <Text>[
        Text('one'),
        Text('two'),
        Text('three'),
      ],
    );
  }

  @override
  Widget build(BuildContext context) {
    return StreamBuilder(
      stream: Firestore.instance.collection(*someCollection*).snapshots(),
      builder: (context, snapshot) {
        if(!snapshot.hasData) return const Text("Loading.....");

        return ListView.builder(
          itemExtent: 80.0,
          itemCount: snapshot.data.documents.length,
          itemBuilder: (context, index) {
            final DocumentSnapshot document = snapshot.data.documents[index];
            return new ExpansionTile(
              children: [
                getListOfTexts()
              ],
              title: Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                mainAxisAlignment: MainAxisAlignment.center,
                children: <Widget>[
                  Text(
                    document['something'] ?? ' ',
                  ),
                  Text(document['title'] ?? '<No title retrieved>'),
                ],
              ), 
              onExpansionChanged: (bool isExpanded) {
                // put some code here in future
              },
            );
          }
        );
      }
    );
  }
}

答案

您是否尝试在没有ListView的情况下直接使用ExpansionTile子文本？就像这样...

       ...//      
    return new ExpansionTile(
          children: [
            Text('one'),
            Text('two'),
            Text('three'),
          ],
        ...

或使用ListTile的文本..

return new ExpansionTile(
                children: [
                  ListTile(title: Text('one'),),
                  ListTile(title: Text('Two'),),
                  ListTile(title: Text('Three'),),           
                 ],

另一答案

这很尴尬。我只需要删除itemExtent: 80.0上的ListView.builder属性。这导致了Bottom Overflowed问题。