[flutter] 플러터 ProgressIndicator를 사용하여 데이터베이스 처리 진행 상태를 표시하는 방법은?

20 Dec 2023

flutter

아래는 ProgressIndicator를 사용하여 데이터베이스 처리 진행 상태를 표시하는 간단한 예제입니다.

먼저, 아래와 같이 Future나 Stream을 사용하여 데이터베이스에서 데이터를 가져오거나 처리하는 비동기 함수를 구현합니다.

Future<void> fetchDataFromDatabase() async {
  // 데이터베이스에서 데이터를 가져오거나 처리하는 비동기 작업 수행
}

다음으로, 이 함수를 호출하는 곳에서는 데이터베이스 처리가 진행 중임을 표시하는 ProgressIndicator를 추가합니다.

class DatabaseProcessingScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('데이터베이스 처리 중'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text('데이터베이스 처리 중...'),
            SizedBox(height: 16),
            CircularProgressIndicator(),  // ProgressIndicator 추가
          ],
        ),
      ),
    );
  }

  void startDatabaseProcessing() {
    // 데이터베이스 처리가 오래 걸리는 비동기 함수 호출 전 화면 전환
    Navigator.of(context).push(MaterialPageRoute(
      builder: (context) => DatabaseProcessingScreen(),
    ));

    fetchDataFromDatabase().then((_) {
      // 데이터베이스 처리 완료 후 다음 화면으로 이동
      Navigator.of(context).pop(); // 데이터베이스 처리 화면 닫기
      // 나머지 처리 로직 추가
    });
  }
}

이렇게 하면 데이터베이스 처리가 진행 중임을 사용자에게 시각적으로 표시할 수 있습니다.