Sign in

flutter

flutter icon

Flutter에서 Material UI Icon과 Cupertino Icon 검색하고 사용하기

Flutter로 App을 개발할 때 무료로 배포된 아이콘을 사용하는 경우가 많습니다. 물론 개발팀에 GUI 디자이너가 있다면 이쁜 아이콘을 만들 수 있지만, App Bar나 Menu 에서는 다른 App과 일관성을 가지기 위해서 필요한 아이콘을 찾아 적용하는 경우도 많습니다. Flutter에서 사용할 수 있는 아이콘은 대표적으로 Google에서 만든 Materal UI와 Apple App 스타일의 Cupetino 아이콘이 있습니다. 본 포스팅은 Material UI와 Cupertino Icon에서 적용하고자 하는 아이콘을 검색하고 사용하는 방법을 설명합니다. Flutter에서 많이 사용하는 아이콘: Material UI Icon: Google Style Icons Cuppertino Icon: Apple ..
wono | discuss |
flutter flame camera

feat!: Add CameraComponent to FlameGame by spydon · Pull Request #2740 · flame-engine/flame

Description This PR adds the CameraComponent and a World by default to the FlameGame. Checklist I have followed the Contributor Guide when preparing my PR. I have updated/added tests for ALL new/updated/fixed functionality. I have updated/added relevant documentation in docs and added dartdoc comments with ///. I have updated/added relevant examples in examples or docs. Breaking Change? Yes, this PR is a breaking change. Migration instructions We'll treat this as a breaking change since the cameraComponent name will clash with many of our users implementations, luckily it is very easy to migrate. If you have a game like this currently: class MyGame extends FlameGame { late final CameraComponent cameraComponent; late final World world; Future<void> onLoad() async { world = World() cameraComponent = CameraComponent(world: world); add(world); add(cameraComponent); world.add(MyComponent()); } } then you simply have to remove your own references to cameraComponent and world, s
wono | discuss |
flutter debug inspector

[Flutter Debug] Wigdget Inspector & Breakpoint 활용

플러터를 통해 개발을 진행하다 보면 다양한 문제 상황에 직면하게 된다. 여기 있어야 할 위젯이 저기 가 있다거나, 메모리 오류가 발생해 앱이 종료된다거나, 알 수 없는 버그로 기이한 현상을 창조하는 것을 모두들 겪기 마련이다. 그때마다 다양한 방법을 사용해 앱의 실행을 정상 궤도에 올려야 한다. 이 글에서는 그 방법들 중, 플러터에서 제공하는 툴들을 이용해 해결하는 방법을 소개하고자 한다. 참고로, Visual Studio Code 기준으로 설명한다. Widget Inspector 내가 배치한 위젯이 어느 정도의 영역을 차지하는 지, 특히나, Flex 위젯(Row, Column 등) 내에서 어떤 설정 덕에 이런 요상한 레이아웃을 만들어 낸 것인지 알고 싶을 때가 있다. 그런데 대부분의 경우 위젯의 레이아..
wono | discuss |
flutter widget appbar

AppBar 총정리(flutter)

AppBar는 이미지에서도 볼 수 있듯이, 앱 상단에 위치하는 부분을 AppBar라고 한다. AppBar는 주로 메뉴버튼을 만들거나, 제목을 다는 등 다양한 용도로 사용할 수 있다. 우선 다음과 같이 AppBar에 관한 기본 코드를 작성한다. 그러면 위에 이미지처럼 상단에 AppBar가 생기게 된다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 import 'package:flutter/material.dart'; //flutter의 package를 가져오는 코드 반드시 필요 void main() => runApp(MyApp()); //main에서 MyApp이란 클래스를 호출한다. class MyApp extends StatelessWidget { //..
wono | discuss |