Question

我正在构建从ExpansionTile内的ListView.builder()中包装的从Firestore获取的项目的列表。数据已正确提取。那里没有问题。我可以看到这些项目的列表。

问题出在Tile扩展上，我需要显示一些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
              },
            );
          }
        );
      }
    );
  }
}

Answer 1

您是否尝试不使用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'),),           
                 ],

Answer 2

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

颤振ExpansionTile属性“子级”在展开时引发底部溢出问题

2 个答案: