Flutter/일반

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..