본문 바로가기
Flutter/Flutter FAQ

Flutter 플러터 이미지 사전로드, Flutter image preload

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

질문


앱 시작 시 이미지를 어떻게 미리 로드할 수 있을까요? 드로어에 배경 이미지가 있지만 처음 드로어를 열 때 이미지가 자산에서 가져와서 표시되는 것처럼 깜박거리는 것을 볼 수 있고, 이는 처음으로 보는 순간에 나쁜 경험을 제공합니다. 드로어를 여는 다른 경우에는 예상대로 동작하므로 캐시되기 때문입니다. 앱 로드 시 미리 가져와서 이런 효과가 없도록 하고 싶습니다.


답변


드로어가 구축되기 전에 이미지를 로드하기 위해 precacheImage 함수를 사용하세요. 예를 들어, 드로어를 포함하는 위젯에서 다음과 같이 사용할 수 있습니다:

class MyWidgetState extends State<MyWidget> {

  @override
  void didChangeDependencies() {
    // 이미지 유형에 따라 공급자를 조정하세요
    precacheImage(new AssetImage('...'));
    super.didChangeDependencies();
  }

}
반응형

댓글