Vintage appMaker의 Tech Blog

[Flutter solved] ListView가 스크롤 되지 않을 때 - SingleChildScrollView 본문

Source code or Tip/Flutter & Dart

[Flutter solved] ListView가 스크롤 되지 않을 때 - SingleChildScrollView

VintageappMaker 2022. 7. 23. 10:15

Flutter에서는 특정환경에서 ListView가 스크롤되지 않는 경우가 있다(예로 Autocomplete에서 ListView를 구현할 때).

그럴경우 Widget의 구조를 아래와 같이 SingleChildScrollView, Expanded, ListView로 만든다. 그리고 ListView에서는 

primary 파라메터를 false, shrinkWrap 파라메터를 true로 설정하면 스크롤을 해결할 수 있다. 

SingleChildScrollView(
  ..
  child: ListView.builder(
    ..
    primary: false,
    shrinkWrap: true,
  )
)

(*) SingleChildScrollView 바로 아래 Expanded를 사용하면 안된다.
Expanded는 Row, Column 안에 Child에서 사용해야 한다. 

개발시는 문제없지만, Release시에 문제가 발생한다. 

Comments