안녕하세요. 이번에는 Custom Icon을 사용하거나 SVG를 Icon으로 바꾸는 방법을 알아보겠습니다. 1. Flutter custom icons generator 접속 구글에 flutter icon을 검색하면 두 번째에 보이는 FlutterIcon 공식 사이트가 있습니다. 해당 페이지로 접속해 주세요. https://www.fluttericon.com/ FlutterIcon - Flutter custom icons generator This site will not work if cookies are completely disabled. {"assets_hash":"e63afe94764170521b88e195c1026df9","page_data":{},"locale":"en-US","layout":..
Flutter로 웹을 지원하고 개발할 때 실제 디바이스 웹으로 테스트하는 방법을 소개하겠습니다. 1. 준비 컴퓨터와 모바일 네트워크를 맞추셔야 합니다. 디바이스를 컴퓨터와 같은 네트워크 와이파이로 연결합니다. 2. Ip주소 확인 window / mac 에서 Ip주소를 확인합니다. ex) 192.111.1.1 3. Flutter 웹 빌드 project root directory 터미널에 다음 명령을 입력합니다. flutter run -d chrome --web-hostname 192.111.1.1 --web-port 8181 hostname 에는 2번에서 확인한 Ip주소를 넣어주시고, port 에는 사용하지 않는 포트번호 자유롭게 설정하셔도 됩니다. 빌드를 하게되면 192.111.1.1:8181 포트로 빌..
1. isAfter, isBefore void main() { final String date1 = "2023-07-24 17:04:32.897"; final String date2 = "2023-07-27 17:04:32.897"; final bool a = DateTime.parse(date2).isAfter(DateTime.parse(date1)); final bool b = DateTime.parse(date1).isAfter(DateTime.parse(date2)); print("date2가 data1보다 후의 날짜인가요? ${a}"); print("data1이 data2보다 후의 날짜인가요? ${b}"); final bool c = DateTime.parse(date2).isBefore(Dat..
void main() { final a = "2023-07-12 16:32:13.848"; final b = DateTime.parse(a); print(b); print(b.runtimeType); } ///출력 2023-07-12 16:32:13.848 DateTime
1. Lottie란 무엇인가? https://lottiefiles.com/kr/what-is-lottie Lottie 애니메이션은 무엇일까요? - 로티파일즈 Lottie는 JSON 기반의 애니메이션 포맷으로, 어느 기기와 플랫폼에서든 사용할 수 있습니다. LottieFiles을 통해 Lottie 애니메이션을 생성하고 편집하고 테스트할 수 있으며, 다른 사람과 협업하고 전 lottiefiles.com 해당 사이트에서 Lottie에 대해 정말 자세히 알려줍니다!. 2. Lottie 패키지 사용 Flutter에서는 이러한 Lottie JSON을 컨트롤할 수 있는 패키지가 있습니다. LIKES수가 엄청납니다!. 바로 사용해 보도록 하겠습니다. 2.1 패키지 설치 https://pub.dev/packages/lo..
