Flutter/Flutter FAQ

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

독학코딩 2023. 12. 15. 08:55
반응형

질문


나는 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,
        ),
      ),
    );
  }
}
반응형