본문 바로가기

dev/flutter

Flutter Web ListView 수평 scroll이 안될 때

flutter 로 웹을 만드는데 SingleChildScrollView위젯은 스크롤이 잘되는데

중간에 ListView위젯을 수평 스크롤이 되게 넣었는데 스크롤이 안되는 현상이 생겼다. 

(SingleChildScrollView도 수평 스크롤로 하면 안될라나)

 

ScrollConfiguration으로 ListView를 덮어씌워주면 잘 된다.

 

SizedBox(
    height: 40,
    child: ScrollConfiguration(
      behavior: ScrollConfiguration.of(context).copyWith(dragDevices: {
        PointerDeviceKind.touch,
        PointerDeviceKind.mouse,
      },),
      child: ListView.builder(
        shrinkWrap: true,
        scrollDirection: Axis.horizontal,
        itemBuilder: (context, index) {
          String time = "${index + 9} : 00";
          return Padding(
            padding: const EdgeInsets.symmetric(horizontal: 6.0),
            child: Container(
              decoration: BoxDecoration(
                border: Border.all(width: 1, color: Colors.black),
                borderRadius: BorderRadius.circular(12.0)
              ),
              width: 60,
              child: Center(child: Text(time)),
            ),
          );
        },
        itemCount: 10,
      ),
    ),
  ),

 

'dev > flutter' 카테고리의 다른 글

파이어베이스 dynamic links  (0) 2023.05.17
CustomScrollView  (0) 2023.05.10
Dio  (0) 2023.04.23
Flutter 라우트  (0) 2023.04.20
Flutter Web Url에 # 없애기  (0) 2023.04.20