본문 바로가기

CS/Flutter | Dart

SingleChildScrollView

SingleChildScrollView: 화면 스크롤 기능

 

1. 기본 렌더링법

 

 

 

2. 화면 넘어가지 않아도 스크롤되게 하기

physics: AlwaysScrollableScrollPhysics(), //스크롤 됨
physics: NeverScrollableScrollPhysics(), //스크롤 안됨
physics: ClampingScrollPhysics(), // Android 스타일
physics: BouncingScrollPhysics(), //iOS 스타일

위 코드 참고!

 

기본 - 아래로 스크롤 내리기 - 위로 스크롤 올리기

 

 

 

3. 화면 위젯이 잘리지 않도록 하기

Clip.none으로 해주면 아래로 스크롤 내려도 위젯이 잘리지 않는다

 

 

 

 

4. 그외 퍼포먼스 참고

 

 

 

SingleChildScrollView 단점

singleChildScrollView 안 위젯들은 모두 렌더링이 된 상태다

대부분 사용자가 데이터를 있는대로 다 보지는 않는다

 

-> 데이터가 많을 경우 singleChildScrollView는 쓰지 않는게 퍼포먼스에 도움이 된다

 

 

'CS > Flutter | Dart' 카테고리의 다른 글

GridView  (1) 2023.08.24
ListView  (0) 2023.08.24
캘린더 일정관리 앱 #8  (0) 2023.08.23
캘린더 일정관리 앱 #7  (0) 2023.08.23
캘린더 일정관리 앱 #6  (16) 2023.08.22

Tiny Star