본문으로 바로가기

플러터(Flutter) PageView 사용하기

category Application/Flutter 2020. 8. 6. 17:03

예제

 

PageView 는 페이지를 슬라이드로 볼 수 있습니다.

초기 선언한 배열의 크기만큼 페이지를 생성하려면 다음과 같이 사용합니다. (initialPage)

import 'package:flutter/material.dart';

class PageViewPage extends StatelessWidget {
  
  final List<String> images = <String>['son_1.jpg', 'son_2.jpg', 'son_3.jpg', 'son_4.jpg'];

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('이미지 보기2'),
      ),
      body: PageView.builder(
        controller: PageController(initialPage: images.length),
        itemCount: images.length,
        itemBuilder: (BuildContext context, int index) {
          return  Center(
            child: Image.asset('assets/images/${images[index]}'),
          );
        },
      )
    );
  }
}