프레임워크 (19) 썸네일형 리스트형 플러터 (WEB) - 다음 우편주소를 이용한 주소 검색 만들기 플러터에서는 웹을 개발할 때, Web_view를 사용하지못한다. 따로 IframeElement객체를 이용해html코드를 뿌려준다. 주소 검색을 위한 html코드 - 저장경로 (assets/daum_postcode.html) filename : daum_postcode.html dart코드import 'package:flutter/material.dart';import 'dart:html' as html;import 'dart:ui' as ui;class DaumAddressSearchScreen extends StatefulWidget { const DaumAddressSearchScreen({Key? key}) : super(key: key); @override State createState(.. Flutter 그래프 그리기 플러터로 차트 만들기 완벽 가이드 - syncfusion_flutter_charts 패키지 syncfusion_flutter_charts install | Flutter packageA Flutter Charts library which includes data visualization widgets such as cartesian and circular charts, to create real-time, interactive, high-performance, animated charts.pub.dev syncfusion_flutter_charts 패캐지를 이용해서 여러 그래프를 그려볼 수 있습니다! 바 차트월 별로 데이터를 그려보기, 아래는 결과입니다!code// 월별 데이터 생성 final List data = [ SalesD.. 4. 플러터로 게임 만들기 - Components Flame에는 다음과 같이 Component라는 클래스가 있고, 종류는 아래와 같습니다.Component- TimerComponent- ParticleComponent- SpriteBatchComponent- Effects- PositionComponent - SpriteComponent - SpriteGroupComponent - SpriteAnimationComponent - ParallaxComponent - IsoMetricTileMapComponent - HudMarginComponent - HudButtonComponent - JoystickComponent - ButtonComponent - CustomPainterComponent - ShapeComponent - SpriteButt.. 3. 플러터로 게임만들기 - Game Loop Flame 패캐지의 생명주기에 대해 알아본다. -> Lifecycle! 1. onGameResize2. onLoad -> 한번만 실행됩니다.3. onMount -> 한반만 실행됩니다. 4. update5. render6. onRemove update와 render를 무한루프를 돌며, 게임이 진행되는 방식!해당 함수들을 FlameGame내에 존재하며, 상속받은 클래스에서 오버라이딩해서 사용한다.onLoad() 함수- 보통 onLoad함수를 오버라이딩하여, 이 곳에 Asset들을 적용시켜줍니다. 또한 async함수이므로, 이곳에서 작업합니다. update와 render 함수- update 함수는, Asset의 프레임당 위치변환이나, 그런 것들을 반영- render 함수는, Canvas로 그림 반영-> 이 .. 2. 플러터로 게임만들기 - FlameGame 클래스 (camera) 아래 코드를 보면, FlameGame을 상속받고 있다. 해당 클래스를 GameWidget속 game인자에 넣어주면 된다.class FlappyDashGame extends FlameGame { FlappyDashGame() : super( world: FlappyDashWorld(), camera: CameraComponent.withFixedResolution( width: 600, height: 1000 ) );}class FlappyDashWorld extends World { @override void onLoad(){ super.onLoad(); add(Dash()); }}- camera -> 위와 같이 설정해주면, .. 1. 플러터로 게임만들기 2D - Flame 프레임워크 Flame은 플러터 상에서 작동하는 게임 엔진입니다. 아래는 공식 웹사이트 주소입니다. Getting Started — FlameWarning: you are currently viewing the docs for an older version of Flame. Please click here to go see the documentation for the latest released version.docs.flame-engine.org 플레임 패키지 임포트하기flutte pub add flame GameWidget 클래스해당 클래스는 플레임 엔진이 작동하기 시작하는 어떤 포인트라고 생각하면 됩니다. 보통 다음과 같이 작성되서 사용됩니다.void main(){ runApp( GameWi.. 플러터 PK (fluro, url_strategy) - 라우팅 변하게 하고, URL "#" 없애는 방법 fluro 라우팅 - 라우팅을 쉽게 할 수 있도록 도와줌 + 애니메이션까지 fluro | Flutter packageFluro is a null-safe Flutter routing library that adds flexible routing options like wildcards, named parameters and clear route definitions.pub.dev1. 아래와 같이 예를 들어 router.dart 라는 파일에 클래스를 하나 만든다. import 'package:batteryfriend/screens/login_screen.dart';import 'package:batteryfriend/screens/register_screen/registerScreenMain.dart';i.. 플러터 Splash Screen (로딩화면) 오늘은 “Flutter native splash”라는 프레임워크에 대해 소개하겠습니다!아래 링크를 통해서 패키지를 확인해주세요!https://pub.dev/packages/flutter_native_splash플러터를 통해 애플리케이션을 시작하게되면 앱을 로딩하는 시간이 걸리게 되는데 해당 화면 때 나올 스크린을 설정할 수 있게 해주는 패키지입니다! 그림으로 보시면 더 쉽게 이해할 수 있습니다.그럼 이제 사용 방법을 알아보겠습니다.아래 명령을 통해서 패키지를 설치 해줍니다!flutter pub add flutter_native_splash설치를 하셨다면, 플러터 프로젝트 최상위부분에 “flutter_native_splash.yaml” 파일을 만들어줍니다.해당 파일의 내용은 다음과 같이 작성해줍니다.flu.. 이전 1 2 3 다음
