[Flutter/Dart] ExpansionTile로 리스트 펼치기 (feat. CustomScrollView)

찌니·2023년 4월 15일
0

(매우 웃긴 예시)
제목이 리스트 펼치기인 이유는 내가 리스트펼치기라고 검색했기 때문

customScrollView가 궁금해서 오신게 아니더라도 같이 보여주자면

CustomScrollView(slivers: [
  SliverAppBar(
          backgroundColor: Colors.white,
          expandedHeight: 200,
          flexibleSpace: FlexibleSpaceBar(
            title: Container(
                padding: EdgeInsets.symmetric(horizontal: 4, vertical: 2),
                decoration: BoxDecoration(
                    color: Colors.black54,
                    borderRadius: BorderRadius.circular(5)),
                child: Text('헬스 100일',
                    style: TextStyle(color: Colors.white, fontSize: 12))),
            background: Image(
              image: AssetImage('assets/images/default_lesson.png'),
              fit: BoxFit.cover,
            ),
          ),
        ),
        SliverFillRemaining(
            child: ListView.builder(
                itemCount: 10,
                itemBuilder: (context, index) {
                  ExpansionTile(
                      title: Text(
                        item[index].title,
                      ),
                      children: [
                      	ClassWeekBox(item[index].content)
                      ]);
                }))
                ])

설명할게 없습니다
ExpansionTile의 title과 children에 보여줄 title과 content를 넣으면 완성입니다!!

다 이해하셨으리라고 믿습니다 그럼 20000

profile
찌니's develog

0개의 댓글