[Flutter/플러터] listview 안에서 scroll 하기

 

 

 

아래와 같은 Card가 나열된 listView를 만들었다

 

 

 

그런데 문제는 listview 안에서 저 회색 Container의 Text를 스크롤 하고 싶었지만,

SingleChildScrollView를 써도 잘 되지 않았다

 

 

아래를 보면서 다시 해결해보자 

 

 

 

---

 

 

 

 

다음과 같이 listview를 만들고 

listview들을 스크롤하여 볼 수 있게 다음과 같이 설정해 준다.

 

 

 

 

 

 

physics는 스크롤 상태를 설정한다. 

BouncingScrollPhysics()는 flutter에서 스크롤 했을 때 나타나는 그림자를 없앨 수 있다. 

scroll 방향과 shrinkWrap을 넣어주고..

 

	ListView.separated(
                separatorBuilder: (BuildContext context, index){
                  return SizedBox(height: 10);
                },
                physics: BouncingScrollPhysics(),
                scrollDirection: Axis.vertical,
                shrinkWrap: true,
                itemCount: snapShot.data!.length,
                itemBuilder: (context, index) {
                  return MyCustomWidget(
                  
                     ...
                     
                    },
                  );
                },
              );

 

 

 

 

 

 

MyCustomWidget에서 SingleChildScrollView를 Expanded 한다음, Column으로 감싸주면 된다.

 

	Container(
        height: height * 0.43,
        child: Card(
             ...
          child: Column(
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            crossAxisAlignment: CrossAxisAlignment.stretch,
            children: [
              Expanded(
                child: SingleChildScrollView(
                  physics: BouncingScrollPhysics(),
                  child: Container(
                    	...

 

 

 

그냥 SingleChildScrollView로 감싸주고 끝내지 말고 Expanded를 해주자!