[flutter] 플러터 ProgressIndicator를 사용하여 음성 명령 처리 진행 상태를 표시하는 방법은?

음성 명령을 처리할 때, 사용자에게 처리 상태를 표시하는 것은 중요합니다. Flutter에서는 ProgressIndicator를 사용하여 음성 명령 처리 진행 상태를 시각적으로 표시할 수 있습니다.

1. ProgressIndicator 위젯 추가

먼저, 해당 화면에 ProgressIndicator 위젯을 추가합니다.

Center(
  child: CircularProgressIndicator(),
),

2. 음성 명령 처리 시작 및 완료 시 ProgressIndicator 표시

음성 명령 처리가 시작되면 ProgressIndicator를 보여주고, 처리가 완료되면 숨깁니다. 이를 위해 상태를 관리하는 변수가 필요합니다.

bool processing = false;

void startProcessing() {
  setState(() {
    processing = true;
  });
  
  // 음성 명령 처리 로직 추가

  setState(() {
    processing = false;
  });
}

Widget build(BuildContext context) {
  return Center(
    child: processing
      ? CircularProgressIndicator()
      : Text('음성 명령을 시작하세요.'),
  );
}

이렇게 하면 ProgressIndicator가 음성 명령이 처리될 때 나타나고, 처리가 완료되면 사라지게 됩니다.

이제 음성 명령 처리 중에도 사용자에게 진행 상태를 시각적으로 효과적으로 전달할 수 있습니다.

참고 자료: https://api.flutter.dev/flutter/material/CircularProgressIndicator-class.html