전체 글

나는 아무 생각없이 코딩할때 주로 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..