FlutterでListView.builderの中にListView.builderを入れたいです

Question

実現したいこと

Flutterで ListView.builder の中に さらに、ListView.builder を入れたいです！
Flutterでカレンダーのようなシステムを作っています。
scrollDirection: Axis.horizontal,で横並びに指定したListView.builder のそれぞれの中に 縦並びのListView.builderを入れようと思っています！

追記: 解決しました！

ta.fu さんのコードをもとにして GridView の中に ListView を入れることで解決しました。

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

void main() => runApp(const MyApp());
class MyApp extends StatelessWidget {
  const MyApp({super.key});

  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(//return MaterialAppはアプリ内で１つ
        home: calender()
    );
  }

}

class calender extends StatefulWidget {
  const calender({Key? key}) : super(key: key);

  @override
  State<calender> createState() => calenderState();
}
List<String> days = ["月","火","水","木","金","土","日"];
class calenderState extends State<calender> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
        body:Column(
          //Expandedの親はColumnかRow
          children: [
            Expanded(
              child: Row(
                children: [
                  const Text("Row"),
                  Expanded(
                    child: GridView.builder(
                      itemCount: 7,
                      itemBuilder: (context, index) {
                        String today = days[index];
                        return Column(
                          children: [
                            Text(today),
                            Expanded(child: ListView.builder(
                                itemCount: 24,
                                itemBuilder: (context,index){
                              return Container(
                                child: Text("$index:00"),
                              );
                            }),)
                          ],
                        );
                      },
                      gridDelegate:
                      const SliverGridDelegateWithFixedCrossAxisCount(
                        crossAxisCount: 7,
                      ),
                    ),
                  ),
                ],
              ),
            ),
          ],
        )

    );

  }
}

発生している問題・エラーメッセージ

EDS-COMPOSITING-BITS-UPDATE
//の後に以下の内容と同じ内容のエラーがいくつも出ています。そのため長すぎるエラーになるためその同じ中の一つを抜粋させてもらいます。
The following assertion was thrown during performLayout():
RenderBox was not laid out: RenderPointerListener#068ee relayoutBoundary=up15 NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
'package:flutter/src/rendering/box.dart':
Failed assertion: line 2001 pos 12: 'hasSize'


Either the assertion indicates an error in the framework itself, or we should provide substantially more information in this error message to help you determine and fix the underlying cause.
In either case, please report this assertion by filing a bug on GitHub:
  https://github.com/flutter/flutter/issues/new?template=2_bug.md

The relevant error-causing widget was: 
  ListView ListView:file:///C:/Users/inohi/StudioProjects/test6/lib/main.dart:41:42
When the exception was thrown, this was the stack: 
#2      RenderBox.size (package:flutter/src/rendering/box.dart:2001:12)
#3      RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:121:21)
#4      RenderObject.layout (package:flutter/src/rendering/object.dart:2135:7)
#5      RenderBox.layout (package:flutter/src/rendering/box.dart:2418:11)
#6      RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:120:14)
#7      RenderObject.layout (package:flutter/src/rendering/object.dart:2135:7)
#8      RenderBox.layout (package:flutter/src/rendering/box.dart:2418:11)
#9      RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:120:14)
#10     RenderObject.layout (package:flutter/src/rendering/object.dart:2135:7)
---# は省略させてもらいます。
(elided 6 frames from class _AssertionError, class _RawReceivePortImpl, class _Timer, and dart:async-patch)
The following RenderObject was being processed when the exception was fired: RenderSemanticsGestureHandler#a73c0 relayoutBoundary=up14 NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...  parentData: <none> (can use size)
...  constraints: BoxConstraints(0.0<=w<=Infinity, h=681.0)
...  size: MISSING
...  behavior: opaque
...  gestures: <none>
RenderObject: RenderSemanticsGestureHandler#a73c0 relayoutBoundary=up14 NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
  parentData: <none> (can use size)
  constraints: BoxConstraints(0.0<=w<=Infinity, h=681.0)
  size: MISSING
  behavior: opaque
  gestures: <none>
...  child: RenderPointerListener#068ee relayoutBoundary=up15 NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...    parentData: <none> (can use size)
...    constraints: BoxConstraints(0.0<=w<=Infinity, h=681.0)
...    size: MISSING
...    behavior: opaque
...    listeners: down, panZoomStart
...    child: RenderSemanticsAnnotations#f1cb4 relayoutBoundary=up16 NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...      parentData: <none> (can use size)
...      constraints: BoxConstraints(0.0<=w<=Infinity, h=681.0)
...      size: MISSING
...      child: RenderIgnorePointer#dd22f relayoutBoundary=up17 NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...        parentData: <none> (can use size)
...        constraints: BoxConstraints(0.0<=w<=Infinity, h=681.0)
...        size: MISSING
...        ignoring: false
...        ignoringSemantics: false
...        child: RenderViewport#b5460 NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...          needs compositing
...          parentData: <none> (can use size)
...          constraints: BoxConstraints(0.0<=w<=Infinity, h=681.0)
...          size: MISSING
...          axisDirection: down
...          crossAxisDirection: right
...          offset: ScrollPositionWithSingleContext#f1581(offset: 0.0, range: null..null, viewport: null, ScrollableState, AlwaysScrollableScrollPhysics -> ClampingScrollPhysics -> RangeMaintainingScrollPhysics, IdleScrollActivity#37b94, ScrollDirection.idle)
...          anchor: 0.0

エラーが起きたソースコード

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

void main() => runApp(const MyApp());
class MyApp extends StatelessWidget {
  const MyApp({super.key});

  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(//return MaterialAppはアプリ内で１つ
        home: calender()
    );
  }

}

class calender extends StatefulWidget {
  const calender({Key? key}) : super(key: key);

  @override
  State<calender> createState() => calenderState();
}

class calenderState extends State<calender> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
        body:Column(//Expandedの親はColumnかRow
          children: [
            Expanded(child: Row(
              children: [
                Text("Row"),
                Expanded(child:
                ListView.builder(
                    scrollDirection: Axis.horizontal,
                    itemCount: 7,
                    itemBuilder: (context,index){
                      return Column(children: [
                        Expanded(
                          child:ListView.builder(
                              itemCount:1,
                              itemBuilder: (context,index){
                            return Container(
                              child:Text("縦の内容"),
                            );
                          })
                        )
                      ],);
                    }
                ),),

              ],
            ),),
          ],
        )

    );

  }
}

試したこと

エラーにFailed assertion: line 2001 pos 12: 'hasSize'書いてあったので調べるとエラーの原因になっている要素をExpanded()で囲むと治ると書いてあったので、２つのListView.BuilderをExpanded()で囲んでみました。下の階層のほう(scrollDirection: Axis.horizontal,がない縦並び)のListView.Builderを削除し、横並びのListView.builderのみにするとエラーなく動作しています。

補足情報（FW/ツールのバージョンなど）

Flutter version 3.3.0 を使用しています。

回答よろしくお願いします！

Answer 1

ListView.builderの中にListView.builderを配置する件の解決方法ではないですが、該当するような表示をするウィジェットとして代替案の提案です。

該当するような表示はGridView(格子状に表示する)になると思うので、そちらを使った方がいいと思います。
例としては以下の様な感じです。

        body: Column(
          //Expandedの親はColumnかRow
          children: [
            Expanded(
              child: Row(
                children: [
                  const Text("Row"),
                  Expanded(
                    child: GridView.builder(
                      itemCount: 14,
                      itemBuilder: (context, index) {
                        return Text("縦の内容 $index");
                      },
                      gridDelegate:
                          const SliverGridDelegateWithFixedCrossAxisCount(
                        crossAxisCount: 7,
                      ),
                    ),
                  ),
                ],
              ),
            ),
          ],
        )

似たようなものとしてSliverGridやTableというものもあります。
またカレンダー表示をしたいのであれば、pub.devでcalendarで検索されたパッケージを使った方が、独自にViewを作るよりもっと手間が省けると思います。