[flutter] 플러터 Riverpod에서의 에러 메시지 처리 방법

30 Nov 2023

flutter

플러터 Riverpod는 상태 관리 및 의존성 주입을 간편하게 해주는 라이브러리입니다. 하지만 때로는 앱이 예기치 않게 오류를 발생시킬 수 있습니다. 이러한 상황에서 사용자에게 적절한 에러 메시지를 제공하는 것은 중요합니다. 이번 포스트에서는 플러터 Riverpod에서 에러 메시지를 처리하는 방법에 대해 알아보겠습니다.

1. Provider 오류 처리

첫 번째로, Provider에서 발생하는 오류를 처리하는 방법에 대해 알아보겠습니다. Provider는 ProviderContainer를 통해 오류를 추적하고 처리할 수 있습니다. 아래는 Provider에서 오류를 처리하는 예제 코드입니다.

final myProvider = Provider<int>((ref) {
  // Provider 오류 시 발생하는 코드
  throw Exception('Provider Error Message');
});

final myConsumer = Consumer(builder: (context, watch, _) {
  return watch(myProvider).when(
    data: (value) {
      // 정상 데이터 처리
      return Text('Data: $value');
    },
    error: (error, stackTrace) {
      // 에러 메시지 출력
      return Text('Error: $error');
    },
    loading: () {
      // 로딩 상태 표시
      return CircularProgressIndicator();
    },
  );
});

위 코드에서 myProvider에서 오류가 발생하면 error 콜백이 호출됩니다. error 콜백에서는 오류 메시지를 받아와 화면에 적절하게 처리할 수 있습니다.

2. Exception 오류 처리

두 번째로, Exception을 사용하여 직접 오류를 처리하는 방법에 대해 알아보겠습니다. Exception은 일반적인 프로그래밍 오류를 처리하는 데 사용됩니다. 아래는 Exception을 사용하여 오류 메시지를 처리하는 예제 코드입니다.

try {
  // Exception이 발생할 수 있는 코드
} catch (e) {
  // 오류 메시지 출력
  print('Error: $e');
}

위 코드에서는 try 블록 안에서 오류가 발생하면 catch 블록이 실행됩니다. catch 블록에서는 오류 메시지를 적절히 처리할 수 있습니다.

3. 에러 페이지 표시

마지막으로, 앱 전체에서 발생하는 오류를 처리하는 방법에 대해 알아보겠습니다. 에러 페이지는 앱이 오류 상태에 있을 때 사용자에게 에러 메시지를 표시하는 페이지입니다. 아래는 에러 페이지를 표시하는 예제 코드입니다.

class ErrorPage extends StatelessWidget {
  final String errorMessage;

  ErrorPage({required this.errorMessage});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Error Page'),
      ),
      body: Center(
        child: Text(errorMessage),
      ),
    );
  }
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'My App',
      home: Consumer(builder: (context, watch, _) {
        return watch(myProvider).when(
          data: (value) {
            return Text('Data: $value');
          },
          error: (error, stackTrace) {
            return ErrorPage(errorMessage: error.toString());
          },
          loading: () {
            return CircularProgressIndicator();
          },
        );
      }),
    );
  }
}

위 코드에서는 ErrorPage 클래스를 사용하여 에러 페이지를 구성합니다. Provider에서 오류가 발생하면 error 콜백에서 ErrorPage를 표시합니다.

결론

이제 플러터 Riverpod에서의 에러 메시지 처리 방법을 알아보았습니다. Provider 오류 처리, Exception 오류 처리, 그리고 에러 페이지 표시에 대한 내용을 살펴보았습니다. 이러한 방법을 사용하여 플러터 앱에서 예외 상황을 처리하는 방법을 개선할 수 있습니다.