[Flutter] Sliver_00

YOUN·2024년 1월 15일
0

Flutter

목록 보기
11/12

Sliver관련 위젯들이 참 많다.
뜻 그대로 위젯 조각들을 붙이고 붙이면 여러가지 UI&UX를 만들 수 있다.
그 중에 'SliverFixedExtentList'에 대해 메모!

  1. CustomScrollView를 만들고 그 안에 슬리버로 추가.
  2. delegate는 SliverChildBuilderDelegate를 사용.
  3. childCount의 갯수 만큼 위젯(또는 함수)를 불러온다.

실제로 코드를 작성해보면,

CustomScrollView(
      slivers: [
      	SliverFixedExtentList(
          delegate: SliverChildBuilderDelegate(
            childCount: 10,
            (context, index) => Container(
              color: Colors.purple[100 * (index % 9)],
              child: Align(
                alignment: Alignment.center,
                child: Text("Item $index"),
              ),
            ),
          ),
          itemExtent: 100,
        ),

childCount 만큼 List를 만든다.
itemExtent는 높이를 List의 높이를 나타낸다

profile
SugarFree

0개의 댓글