본문 바로가기

Flutter44

Flutter 앱의 신뢰성을 확보하는 테스트 전략: Flutter 테스트 가이드 Flutter는 높은 생산성과 빠른 개발 속도를 제공하지만, 앱의 신뢰성은 테스트를 통해 확보되어야 합니다. 이번 글에서는 Flutter 앱의 테스트 전략과 가이드를 소개하겠습니다. Widget 테스트 Widget 테스트는 UI 요소를 테스트하는 가장 기본적인 방법입니다. Flutter는 WidgetTester 클래스를 제공하여 Widget 테스트를 쉽게 구현할 수 있습니다. testWidgets('Counter increments smoke test', (WidgetTester tester) async { // Build our app and trigger a frame. await tester.pumpWidget(MyApp()); // Verify that our counter starts at 0... 2023. 10. 6.
Flutter에서 AnimationController Listener Notification 중 발생하는 오류 해결하기 오류 메시지: 'package:flutter/src/widgets/framework.dart': Failed assertion: line 4263 pos 12: '_debugLifecycleState != _ElementLifecycle.defunct': is not true. 원인: 위 코드에서 애니메이션 컨트롤러를 사용하는 방법이 잘못되었습니다. 애니메이션 컨트롤러가 위젯의 라이프사이클에 따라 정확하게 처리되지 않아서 오류가 발생합니다. 해결: 애니메이션 컨트롤러를 사용할 때는 애니메이션을 시작하기 전에 initState()에서 컨트롤러를 초기화하고 dispose()에서 컨트롤러를 정리해야합니다. 이렇게 하면 위젯의 라이프사이클에 맞게 애니메이션 컨트롤러가 처리됩니다. 아래는 해결 방법의 예시 코드입.. 2023. 10. 6.
Flutter에서 go_router를 사용하여 기본 페이지 전환 설정하기 원인: go_router는 페이지 전환을 설정하는 pageBuilder 속성을 제공합니다. 그러나 이 속성을 사용하여 각 페이지마다 전환을 설정하는 것은 매우 번거롭고 중복적인 작업입니다. 따라서 모든 페이지에 대해 기본 페이지 전환을 설정하는 방법이 필요합니다. 해결: go_router의 GoRouter 위젯에 대한 transitionBuilder 속성을 사용하여 모든 페이지에 대한 기본 페이지 전환을 설정할 수 있습니다. 이 속성은 페이지 전환을 생성하는 함수를 제공합니다. 따라서 모든 페이지에 대해 동일한 페이지 전환을 설정하려면 이 속성을 사용하면 됩니다. GoRouter( // ... transitionBuilder: (context, child) { return CustomTransitionP.. 2023. 10. 5.
Flutter로 개발한 앱의 효과적인 사용자 온보딩, 쉽게 쓰게 하기!! Flutter Alarm 앱을 사용하는 사용자들이 앱의 기능을 쉽게 이해하고 사용할 수 있게 해야겠죠?!. 이번 글에서는 Flutter를 사용하여 Alarm 앱의 효과적인 사용자 온보딩을 구현하는 방법에 대해 알아보겠습니다. 온보딩 페이지 구현하기 Flutter에서 온보딩 페이지를 구현하는 방법은 다양합니다. 이번 글에서는 PageView 위젯을 사용하여 온보딩 페이지를 구현해보겠습니다. class OnboardingPage extends StatelessWidget { final String title; final String description; final String image; OnboardingPage({required this.title, required this.description, re.. 2023. 10. 4.