[flutter] 플러터 ProgressIndicator를 사용하여 레이아웃 배치 중인 상태를 표시하는 방법은?

20 Dec 2023

flutter

아래는 간단한 예제 코드입니다.

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override 
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Progress Indicator Example'),
        ),
        body: Center(
          child: CircularProgressIndicator(), // ProgressIndicator를 사용하여 진행 상태 나타내기
        ),
      ),
    );
  }
}

이 코드는 앱 상단에 “Progress Indicator Example”이라는 제목이 달린 창을 생성하고, 화면 가운데에 CircularProgressIndicator를 표시합니다. 이를 사용하여 데이터가 로드되는 상황 등에서 사용자에게 진행 중임을 알릴 수 있습니다.

혹은 LinearProgressIndicator를 사용하여 수평으로 진행 상태를 표시하는 것도 가능합니다.

더 많은 정보가 필요하시다면, 아래 링크에서 더 자세한 내용을 확인할 수 있습니다.

공식 플러터 위젯 카탈로그