[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 예제')),
        body: Center(
          child: CircularProgressIndicator(),
        ),
      ),
    );
  }
}

이 코드는 플러터의 Material 디자인을 사용하여 원형 ProgressIndicator를 생성합니다.

선형 진행률 표시 줄을 사용할 수도 있습니다. 다음 코드 조각은 선형 진행률 표시 줄을 만드는 방법을 보여줍니다.

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 예제')),
        body: Center(
          child: LinearProgressIndicator(),
        ),
      ),
    );
  }
}

플러터의 공식 문서는 ProgressIndicator의 다양한 옵션들을 보다 자세히 확인할 수 있는 좋은 참고 자료입니다. 아래 링크를 참조해 주세요:

플러터 공식 문서 - ProgressIndicator