Flutter

https://pub.dev/packages/mvc_pattern mvc_pattern | Flutter Package To develop apps using a framework following the MVC design pattern separating the app's 'interface' from its 'business logic' and from its 'data source' if any. pub.dev 1. MVC패턴을 사용해야 하는 이유에 대하여 만약 내가 회사에 들어가서 프로젝트를 맡게 되고 내가 혼자서 코드를 작성해서 계속해서 유지보수를 하고 있다고 가정해보자. 당연히 내가 작성한 코드이므로 내가 보기 편하게 작성했으므로 나 혼자만 본다 가정하면 문제가 없다. 하지만 사정이 생겨서 ..

1. Provider 플러터에는 Stateless와 Stateful 위젯이 존재하는데 Stateful위젯을 사용하여 상태가 변경된다면, 이를 화면에 반영을 해주어야 하는데 이때 setstate(){}를 사용하여 변경된 화면을 업데이트를 시켜줄 수가 있다. 1. Stateless는 Constructor이 생성되고 생성되자마자 build 함수를 실행한다. 그리고 라이프 사이클동안 한번만 실행된다 -> 그 후 변경이 불가능 2. Stateful 위젯은 Constructor이 실행되고 난 후 createState가 불리게 된다. 만약 파라미터가 변경이 된다면 호출순서는 1 -> didUpdateWidget -> 5 -> 6 -> 7 하지만 setState는 state내부에서 진행되기 때문에 호출순서는 setSt..

코딩을 하다보면 에뮬 핸드폰 상단의 글씨 색깔이 흰색이라 잘 안보일때가 있다. build 부분 밑에 SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle.dark); 위 코드를 추가해주면 검은색으로 변경 할 수 있다.

나는 아무 생각없이 코딩할때 주로 asset을 이용하여 이미지를 불러오곤 한다. 그럴때 코드를 보면 위와 같은 식으로 숫자만 바뀌고 똑같은 코드를 중복해서 사용하게 되는데 위 코드와 같이 Map함수를 사용하면 매우 깔끔하게 코드를 정렬할 수 있다. 다만 주의해야할 점으로는 반드시 타입을 .toList()로 만들어주어야 한다. 그 이유로는 children의 반환타입은 List이다. Map은 Iterable타입이므로 .toList()를 통해 List형식으로 바꾸어 주어야만 에러없이 사용할 수 있다.

나는 플러터를 배울때 Navigator.of(context).push()를 통해 단순 페이지 전환만 되는줄 알았다. 하지만 공식문서를 보던중 PageRouteBuilder를 통해 전환을 좀더 독특하게 할 수 있다는것을 알았다. 사용법은 매우 간단하다. Route _createRoute() { return PageRouteBuilder( pageBuilder: (context, animation, secondaryAnimation) => const Page2(), transitionsBuilder: (context, animation, secondaryAnimation, child) { const begin = Offset(0.0, 1.0); const end = Offset.zero; final twee..

제스처를 감지하는 위젯입니다. NULL이 아닌 콜백에 해당하는 제스처를 인식합니다. 이 위젯에 자식이 있으면 크기는 해당 자식을 따르고 만약 자식이 없을경우 부모에 맞춰서 크기가 조정됩니다. https://api.flutter.dev/flutter/widgets/GestureDetector-class.html 사용법은 간단합니다. 사용하려는 Gesture 속성을 선택하고 어떤 동작을 할지 선언하면 됩니다. import 'package:flutter/material.dart'; void main() => runApp( MaterialApp( home: HomeScreen(), ), ); class HomeScreen extends StatefulWidget { const HomeScreen({super.k..