🦋Flutter - 다음 단계 탐색 - 오류 처리

If you are using a dynamic class for routing in Flutter, you may be concerned about errors. How about a static error page (404) when routing fails so the user knows what's going on?!

이것은 내 시리즈의 4부 중 3부입니다: 🦋Flutter - 다음 레벨 탐색.
아직 읽지 않으셨다면 읽어보시길 권합니다.

콘텐츠

Error handling

1. Create an error page

2. Link to the error page

Individualize the error page

오류 처리

앱 내에서 탐색하는 동안 오류를 포착하기 위해 지난 게시물에 오류 쿼리를 추가했습니다. 이제 사용자를 오류 페이지로 리디렉션하려면 간단한 2단계가 필요합니다.

1. 오류 페이지 만들기

오류 페이지를 표시하려면 오류 페이지를 만들어야 합니다. 이 작업은 별도의 클래스에서 수행하거나 이전에 만든 클래스RouteGenerator에서 직접 수행할 수 있습니다. 오류 페이지가 단순하다면 마지막 옵션을 권장합니다.

오류 페이지의 경우 이제 객체_errorRoute를 반환하는 내부 전용 함수Route<dynamic>를 만듭니다. 반환된 페이지에서 오류 메시지를 설정하는 스캐폴드 개체를 구성합니다. 이는 다음과 같을 수 있습니다.

  static Route<dynamic> _errorRoute() {
    return MaterialPageRoute(builder: (_) {
      return Scaffold(
        appBar: AppBar(
          title: Text('Error'),
        ),
        body: Center(
          child: Text('ERROR'),
        ),
      );
    });
  }

2. 오류 페이지 링크

이제 모든 오류 사례에서 페이지로 리디렉션하려면 모든 오류에서 함수_errorRoute()를 반환하기만 하면 됩니다. 따라서 이전에 만든 switch-case 블록은 다음과 같이 확장됩니다.

class RouteGenerator {
  static Route<dynamic> generateRoute(RouteSettings settings) {

    final args = settings.arguments;

    switch (settings.name) {      
      case '/page2':
        if (args is int) {
          return MaterialPageRoute(
              builder: (_) =>
                  IntroductionView(arguments: args));
        }
        return _errorRoute();
      default:
        return _errorRoute();
    }
  }

오류 페이지 개별화

물론 오류 페이지에서 사용자에게 더 많은 정보를 제공하는 것도 가능합니다. 예를 들어 오류의 원인을 전달하여 오류를 보다 구체적으로 만들 수 있습니다. 이는 다음과 같을 수 있습니다.

  static Route<dynamic> _errorRoute({String message}) {
    return MaterialPageRoute(builder: (_) {
      return Scaffold(
        appBar: AppBar(
          title: Text('Error'),
        ),
        body: Center(
          child: Text('ERROR: ' + message),
        ),
      );
    });
  }

&&

default:
        return _errorRoute(message: 'wrong routing name');

오류 페이지로 이동할 때 오류가 발생하지 않도록 예제에서와 같이 전달된 오류를 선택 사항으로 지정해야 합니다. 얼마나 아이러니한 일이겠습니까! XD


다음 게시물을 놓치지 않도록
Github 또는 Lucianojung.de에서 내 최신 프로젝트를 참조하십시오.

당신은 또한 좋아할 수 있습니다:

🦋Flutter - 전역 변수 관리

루치아노 정 ・ 2월 10일 ・ 3 min read

#flutter #dart #bestpractices #programming

🦋Flutter - 다음 단계 탐색 - 기초

정루치아노 ・ 4월 4일 ・ 3 min read

#flutter #dart #productivity #programming

🦋Flutter - 싱글톤 패턴

정루치아노 ・ 3월 22일 ・ 2 min read

#flutter #dart #pattern #bestpractices