[flutter] ScrollablePositionedList.builder란?

곽준영·2023년 3월 3일
0
  • 항목의 스크롤 가능한 목록을 만들고 index를 기반으로 목록 항목의 정확한 위치 지정을 허용하는 Flutter의 위젯
  • ListView.builder 위젯과 유사
  • 스크롤하여 목록 맨 위에 배치할 수 있는 특정 index의 항목이 있는 목록을 생성할 수도 있다.
import 'package:flutter/material.dart';
import 'package:scrollable_positioned_list/scrollable_positioned_list.dart';

class MyListPage extends StatelessWidget {
  final List<String> items = [
    'Item 1',
    'Item 2',
    'Item 3',
    'Item 4',
    'Item 5',
    'Item 6',
    'Item 7',
    'Item 8',
    'Item 9',
    'Item 10',
  ];

  final ItemScrollController itemScrollController = ItemScrollController();

  
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('My List Page'),
      ),
      body: ScrollablePositionedList.builder(
        itemCount: items.length,
        itemScrollController: itemScrollController,
        itemBuilder: (BuildContext context, int index) {
          return ListTile(
            title: Text(items[index]),
          );
        },
      ),
      floatingActionButton: FloatingActionButton(
        child: Icon(Icons.arrow_upward),
        onPressed: () {
          itemScrollController.scrollTo(
            index: 0,
            duration: Duration(seconds: 1),
            curve: Curves.easeInOut,
          );
        },
      ),
    );
  }
}
profile
I want to become a versatile freelancer programmer💻

0개의 댓글