flutter ProgressIndicator를 사용하여 이메일 전송 진행 상태를 표시하는 방법

플러터 앱에서 이메일을 전송하는 동안 진행 상태를 표시하기 위해 ProgressIndicator를 사용할 수 있습니다. ProgressIndicator는 사용자에게 작업이 진행 중임을 시각적으로 보여주는 데 유용합니다.

아래는 ProgressIndicator를 사용하여 이메일 전송 진행 상태를 표시하는 간단한 예제 코드입니다.

import 'package:flutter/material.dart';

class EmailSendingPage extends StatefulWidget {
  @override
  _EmailSendingPageState createState() => _EmailSendingPageState();
}

class _EmailSendingPageState extends State<EmailSendingPage> {
  bool _isSending = false;

  void _sendEmail() async {
    setState(() {
      _isSending = true;
    });
    // 여기에 이메일 전송 로직을 구현합니다.

    // 이메일 전송이 완료되면 _isSending를 false로 변경합니다.
    setState(() {
      _isSending = false;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('이메일 전송'),
      ),
      body: Center(
        child: _isSending
            ? CircularProgressIndicator()  // 전송 중일 때 ProgressIndicator 표시
            : ElevatedButton(
                // 버튼을 통해 이메일 전송 작업을 시작합니다.
                onPressed: _sendEmail,
                child: Text('이메일 전송'),
              ),
      ),
    );
  }
}

위의 예제 코드에서는 _isSending 변수를 사용하여 이메일 전송 작업이 진행 중인지를 추적합니다. 전송 작업이 진행 중일 때는 CircularProgressIndicator를, 그렇지 않을 때는 이메일 전송 버튼을 표시합니다.

이와 같은 방법으로 ProgressIndicator를 사용하여 이메일 전송 진행 상태를 표시할 수 있습니다.

참고: Flutter 공식 문서 - ProgressIndicators ```