Development/Flutter8 flutter appbar icon menu (1) flutter appbar icon menu를 만들었다. // ignore_for_file: prefer_const_constructors import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: 'Appbar', theme: ThemeData(primarySwatch: Colors.red), home: MyPage(), ); } } class MyPage extends StatelessWidget { @override Widget bu.. 2022. 1. 30. flutter StatelessWidget 자동완성 빠르게 하는 법 비쥬얼 스튜디오 코드에서 StatelessWidet 가 자동완성으로 만들어지지 않아서 검색해서 찾아냈다. stless - StatelessWidet class 자동완성 class extends StatelessWidget { const ({ Key? key }) : super(key: key); @override Widget build(BuildContext context) { return Container( ); } } stful - Stateful class 자동완성 2022. 1. 30. flutter app 이름 변경하기 처음부터 다시 배운다는 마음으로 열심히 flutter에 대해서 공부하고 혹시 다음에도 또 찾을 것 같은 것들을 기록하기로 마음 먹었습니다. 전에도 다 했던 것들인데 다시 열어보니 정말 ??? 물음표만 가득 나오더라구요. flutter create project_name 명령어 (f1)를 사용하여 프로젝트를 생성합니다. 이렇게 생성한 앱은 기본적으로 프로젝트 이름을 가지게 되는데, 이를 변경하는 포스팅을 작성하려고 합니다. ios 변경하기 위해서 ios/Runner/Info.plist 파일을 열어줍니다. app_name을 원하는 app 이름으로 변경해주면 완료 android 변경하기 위해서 android/app/src/main/AndroidManifest.xml 파일을 열어줍니다. android:label.. 2022. 1. 10. flutter_native_splash 1.3.3 (splash 추가) flutter splash 공문서 https://pub.dev/packages/flutter_native_splash flutter_native_splash | Dart Package Customize Flutter's default white native splash screen with background color and splash image. Supports dark mode, full screen, and more. pub.dev 참고하면 좋은 다른 블로그의 포스팅 (터미널을 이용하여 flutter_native_splash 설치 방법을 알려줍니다.) https://dev-yakuza.posstree.com/ko/flutter/splash-screen/ [Flutter] 스플래시 스크린 이번 블.. 2022. 1. 9. flutter Emulator setting - web , android 애뮬레이터 설정 변경하기 flutter를 다시 시작하게 되면서 애뮬레이터가 갑자기 chrome (web)으로 나와서 ? 하는 상태가 되었다. 해결방법은 간단하다. 사진에 보이는 붉은(주황)색을 자세히 보면 Emulator (애뮬레이터)의 종류를 선택할 수 있는데, 현재 web으로 설정되어있다. 이를 android로 변경해주면 다시 원하던 안드로이드 애뮬레이터로 돌아온 것을 확인할 수 있다. 안드로이드 애뮬레이터의 경우 안드로이드 스튜디오에서 원하는 기종으로 설치 후 사용하면 됩니다. 2022. 1. 9. [FLUTTER] flutter-Splash 이미지 변경하기! (android, ios) *Android-Splash 변경 splash는 앱을 실행하는 동안 나오는 첫 화면입니다. flutter에서 android-splash 이미지 변경을 위해서는 [flutter_app(name)]/android/app/src/main/res/drawable/launch_background.xml 경로를 따라가 주시면 됩니다. 처음에 launch_background.xml 파일을 열면 item이 주석 처리 되어 있어요. 주석 해제 하시고, res/drawable 폴더를 보시면 이미지를 넣을 파일들을 확인 하실 수 있습니다. 이미지의 변형을 방지하기 위해 -mdpi , -hdpi , -xdpi , -xxdpi, -xxxdpi 파일에 맞는 파일들을 넣어주세요. 이미지의 파일 이름이 같으면 저렇게 위에 .확장자명.. 2020. 9. 9. [FLUTTER] Target of URL doesn't exist : 'package:flutter/material.dart' 해결 방법 ! Target of URL doesn't exist : 'package:flutter/material.dart'. 오류가 났습니다. 재택근무로 인해 집에서 작업하던 파일을 회사에서 여는 도중에 발생한 문제! flutter는 처음이라 이것저것 찾아보면서 하는 도중입니다. 기존 파일들에서는 나지 않는 에러가 나서 당황했습니다. 이런 경우에는 [ Ctrl + shift + p ] 를 누르면 flutter 콘솔이 나타납니다. flutter get package 를 검색한 후에 실행을 시키니까 문제를 해결 할 수 있었어요. 만약에 안 되시면 프로젝트를 닫은 후 다시 실행 시켜주면 완료입니다. 그럼 다음 포스팅에서 만나요! 2020. 9. 9. [FLUTTER] 플루터 첫걸음 부터 시작, 하단 네비게이션 바 (flutter bottomNavigationBar, bottom_btn) 2020.09.02 부터 flutter를 시작했습니다. 그전까지는 알고만 있었지 이렇게 열심히 찾아가면서 하게 될 줄은 몰랐습니다. 다음에도 만들 일이 생기면 만들 수 있도록 아카이빙 하기 위해서 이렇게 글을 남겨놉니다. 하단에 네이게이션 바를 응용해서 하나의 직사각형 형태의 예약하기 버튼을 만들었습니다. 색상 값은 원하시는대로 넣어두시면 됩니다. home: Scaffold(), 안에 body 다음에 선언해서 사용하니 오류 없이 잘 돌아가는 것을 확인 할 수 있습니다-! 비쥬얼 스튜디오로 코드 작성 했습니다. 다른 방법으로 하단에 버튼을 배치할 수 있는 법을 아시는 분은 덧글 부탁드립니다. 오늘도 좋은 하루 되시고, 제가 작성한 코드들이 다른 분들에게도 도움이 되면 좋겠어요! bottomNavigatio.. 2020. 9. 8. 이전 1 다음
