[Flutter] ScrollView 안에 ListView넣기

kimdocs...📄·2023년 12월 1일
0

flutter

목록 보기
26/30

[Flutter] ScrollView 안에 ListView넣기

SignleChildScrollView사용


  Widget build(BuildContext context) {
    return Scaffold(
      body: SingleChildScrollView(
        child: Padding(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.spaceAround,
            crossAxisAlignment: CrossAxisAlignment.stretch,
            children: [
								_buildMenu(),
             ...
            ],
          ),
        ),
      ),
    );
  }

Model 정의

class MenuEntry {
  final String title;
  final bool showArrow;
  final Color? textColor;
  final VoidCallback? onPressed;

  MenuEntry({
    required this.title,
    required this.showArrow,
    this.textColor,
    this.onPressed,
  });
}

_buildMenu()

Widget _buildMenu() {
    return ListView.separated(
      shrinkWrap: true, // 이걸 해줘야 중첩으로 사용이 가능하다.
      physics: const NeverScrollableScrollPhysics(), // 이걸 해줘야 스크롤이 된다.
      itemCount: menuItems.length,
      itemBuilder: (context, index) {
        final item = menuItems[index];
        return _buildMenuItem(
            item.title, item.textColor, item.showArrow, item.onPressed);
      },
      separatorBuilder: (context, index) {
        return const Divider(
          thickness: 1,
          color: Colors.gray
        ); // 리스트 아이템 사이에 구분선 추가
      },
    );
  }

_buildMenuItem()

profile
👩‍🌾 GitHub: ezidayzi / 📂 Contact: ezidayzi@gmail.com

0개의 댓글