본문 바로가기
Flutter/Flutter FAQ

Flutter 스크롤뷰 없이 새로고침 인디케이터, Refresh indicator without scrollview

by 베타코드 2023. 12. 15.
반응형

질문


나는 ListView 또는 SingleChildScrollView RefreshIndicator를 사용하면 자연스럽게 작동하지만 스크롤되지 않는 페이지에서 RefreshIndicator를 사용하고 싶습니다. 이것은 실제로 가능한 것인가요? 가능하다면 어떻게 해야 할까요?


답변


다음을 수행해야합니다:

  • SingleChildScrollView를 사용하고 속성 physicsAlwaysScrollableScrollPhysics()로 설정합니다.
  • 자식이 화면의 크기와 같은 높이를 가지도록 하세요. 이는 MediaQuery.of(context).size.height로 얻을 수 있습니다.

전체 예제:

classs MyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return RefreshIndicator(
      onRefresh: () {},
      child: SingleChildScrollView(
        physics: AlwaysScrollableScrollPhysics(),
        child: Container(
          child: Center(
            child: Text('Hello World'),
          ),
          height: MediaQuery.of(context).size.height,
        ),
      ),
    );
  }
}
반응형

댓글