【Flutter】ListViewが上手く機能しない

Question

要素の数が不特定なListViewを実装しようとしているのですが、

Every child of a RenderCustomMultiChildLayoutBox must have an ID in its parent data.

といったエラーがでてしまいます。
下記のコードは上から順にコンポーネントとして読み込んでいます。

class TermsScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return ChangeNotifierProvider<TermsChangeNotifier>(
      create: (context) => TermsChangeNotifier(),
      child: Scaffold(
        appBar: PlainHeader(text: "利用規約"),
        body: Consumer<TermsChangeNotifier>(builder: (context, value, child) {
          return Expanded(
            child: DocumentFrame(
            title: "サービス利用規約",
            titleList: value.titleList,
            textList: value.bodyList
            ),
          );
        }),
      ),
    );
  }
}

import 'package:flutter/material.dart';
import 'package:flutter/widgets.dart';
import 'package:talent/view/screen/terms/component/DocumentItem.dart';
// import 'package:talent/view/component/RoundRectButtonBlue.dart';

class DocumentFrame extends StatelessWidget {
  final String title;
  final List<String> titleList;
  final List<String> textList;

  const DocumentFrame({Key key, this.title, this.titleList, this.textList}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Center(
      child: Column(children: <Widget>[
        Container(
          padding: EdgeInsets.only(top: 40.0, bottom: 40.0),
          width: 303.0,
          height: 462.0,
          child: Scrollbar(
            child: Padding(
                padding: EdgeInsets.only(right: 5.0),
                child: SingleChildScrollView(
                    child: Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: <Widget>[
                    Center(
                      child: Text(title,
                          style: TextStyle(
                            fontSize: 18.0,
                          )),
                    ),
                    SizedBox(height: 10.0),
                    Text("", style: Theme.of(context).textTheme.headline4),
                    SizedBox(height: 10.0),
                    Row(children: [
                      Text("こちらをご参照ください:", style: Theme.of(context).textTheme.bodyText2),
                      Text("", style: TextStyle(fontSize: Theme.of(context).textTheme.bodyText2.fontSize, color: Colors.red))
                    ]),
                    ListView.builder(
                        itemBuilder: (BuildContext context, int index) {
                          return DocumentItem(
                            title: titleList[index],
                            text: textList[index],
                          );
                        },
                      itemCount: 5)
                  ],
                )
              )
            ),
          )
        ),
        Container(
          width: 140.0,
          height: 40.0,
          // child: RoundRectButtonBlue(text: "戻る"),
        )
      ]),
    );
  }
}

import 'package:flutter/material.dart';
import 'package:flutter/widgets.dart';
// import 'package:talent/view/component/RoundRectButtonBlue.dart';

class DocumentItem extends StatelessWidget {
  final String title;
  final String text;

  const DocumentItem({Key key, this.title, this.text}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        Text(title, style: Theme.of(context).textTheme.bodyText2),
        Text(text, style: Theme.of(context).textTheme.bodyText2),
      ]
    );
  }
}

Answer 1

質問から１日以上経っているので、もしかしたらコードが変わってしまっているかもしれませんが、

もし元のコードのまま残っているのであれば、この辺を試してみてください。

---

TermsScreen部分

• ExpandedをCenterなどに変える
• またはExpanded自体を取り除く

class TermsScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return ChangeNotifierProvider<TermsChangeNotifier>(
      create: (context) => TermsChangeNotifier(),
      child: Scaffold(
        appBar: PlainHeader(text: "利用規約"),
        body: Consumer<TermsChangeNotifier>(
          builder: (context, value, child) {
-           return Expanded(  
+           return Center(
              child: DocumentFrame(
                title: "サービス利用規約",
                titleList: value.titleList,
                textList: value.bodyList,
              ),
            );
          },
        ),
      ),
    );
  }
}

DocumentFrame内のListView部分

• itemCountをtitleListの長さに一致させる
• shrinkWrapをtrueにする

ListView.builder(
+ shrinkWrap: true,
  itemBuilder: (BuildContext context, int index) {
    return DocumentItem(
        title: titleList[index],
        text: textList[index],
    );
  },
- itemCount: 5,
+ itemCount: textList.length,
),