티스토리 뷰

728x90

크게 연관이 없어 보이지만 나는 헷갈렸기 때문에 써보자면....

 

carousel캐러셀.. 은 컨베이어벨트, 회전목마 등으로 사전에 나와있다.

item들이 slider 형식으로 나열된 것이라고 볼 수 있겠다,,

https://pub.dev/packages/carousel_slider

 

carousel_slider | Flutter Package

A carousel slider widget, support infinite scroll and custom child widget.

pub.dev

 

pageview는 page들을 볼 수 있다. 여러 페이지를 한 화면에서 볼 수 있다고 한다.

A scrollable list that works page by page.

https://api.flutter.dev/flutter/widgets/PageView-class.html

 

PageView class - widgets library - Dart API

A scrollable list that works page by page. Each child of a page view is forced to be the same size as the viewport. You can use a PageController to control which page is visible in the view. In addition to being able to control the pixel offset of the cont

api.flutter.dev

 

 

내용이 아니라 동영상을 놓고 돌렸더니 둘 다 옆으로 slide 되는 점이 같아서 헷갈렸더란다~

일단 pageView는 처음과 끝이 정해져 있어 더이상 slide 할 수 없고 (페이지: 1 2 3)

carousel은 계속 반복적으로 돌아가게 된다. (아이템: 1 2 3 1 2 3 1 2 3 ...)

또한 carousel은 현재 페이지의 일부만 slide할 용도의 라이브러리라면

pageView는 페이지 자체를 다른 페이지로 slide하는 용도의 위젯이므로 서로 차이가 있다^^@~

 

코드는 아래에 조금 정리해보려고 한다.

 

 

CarouselSlider

CarouselSlider(
	items: videos,
    options: CarouselOptions(
    	viewportFraction: 1,
    	aspectRatio: 1,
    	onPageChanged: (index, reason) {
    		setState(() { }, );
    	},
    ),
),

 

PageView

final PageController controller = PageController(initialPage: 0, );

PageView(
      scrollDirection: Axis.horizontal,
      controller: controller,
      children: <Widget>[],
    );

 

 

끝!

728x90
댓글
250x250
250x250
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2024/07   »
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31
글 보관함