한 화면에서 세로 및 가로 스크롤 가능

전제

세로 및 가로 스크롤을 수행하려면

주의점

이런 느낌이 듭니다

만든 Widget

class MultiCustomScrollView extends StatelessWidget {
  const MultiCustomScrollView({Key? key}) : super(key: key);


  @override
  Widget build(BuildContext context) {
    return Expanded(
      child: CustomScrollView(
        scrollDirection: Axis.vertical,
        slivers: [
          SliverList(
            delegate: SliverChildBuilderDelegate(
              (BuildContext context, int verticalIndex) {
                return SizedBox(
                  height: 50,
                  child: CustomScrollView(
                    scrollDirection: Axis.horizontal,
                    slivers: [
                      SliverList(
                        delegate: SliverChildBuilderDelegate(
                          (BuildContext context, int horizontalIndex) {
                            return SizedBox(
                              height: 50,
                              child: Padding(
                                padding: const EdgeInsets.all(8.0),
                                child: Text(
                                  'test${(verticalIndex + 1) * (horizontalIndex + 1)}',
                                ),
                              ),
                            );
                          },
                          childCount: 50,
                        ),
                      ),
                    ],
                  ),
                );
              },
              childCount: 50,
            ),
          ),
        ],
      ),
    );
  }
}