[flutter] 플러터 로딩화면, 로딩페이지 만들기(spinkit)

플러터 제공하는 Spinkit위젯을 이용해 로딩 화면을 만들어 보겠습니다.

 

 

1. 패키지 설치

pubspec.yaml파일에 spinkit패키지를 설치하기 위해 아래 코드를 입력하고 pub get버튼을 눌러 패키지 설치를 완료합니다.

flutter_spinkit: ^5.1.0

 

2. import

로딩 화면을 만들 .dart파일에 아래 코드를 import 합니다.

import 'package:flutter_spinkit/flutter_spinkit.dart';

 

3. 로딩 페이지 화면 출력하기

아래 코드와 같이 SpinKitXX (XX는 아래 원하는 로딩 페이지 이름을 입력) 위젯을 이용할 수 있습니다.

body: Center(
  child: SpinKitRotatingPlain(
    color: Colors.white,
    size: 80.0,
  ),
),