flutter
-
[flutter] figma to code (피그마에서 플러터 코드 자동 생성하기)flutter/flutter 기타 등등 2023. 4. 7. 10:18
피그마로 UI 작업한 내용을 코드로 자동 생성하고 싶을 때는 figma plugin 을 사용해서 만들수 있습니다. 우선은 plugins 를 추가해줍니다. find 에서 figma to code 를 검색하면 아래와 같은 아이콘을 가진 항목이 보입니다. 저는 이미 추가를 했기 때문에 recents 항목에 나타나는데요. 처음 검색하시면 아래쪽으로 조금 스크롤 해야 보일수도 있습니다. 검색된 내용들 중 형태의 아이콘을 가진 figma to code 를 실행합니다. (동일한 이름을 가진 plugins 들이 있습니다.) 실행하면 추가가 됩니다. 이제 피그마에서 생성한 UI 코드를 생성해볼 수 있습니다. 생성하고싶은 부분 또는 프레임 전부를 선택 후 오른쪽 클릭합니다. plugins -> figma to code(H..
-
[flutter] Error (Xcode): ../../../../../.pub-cache/hosted/pub.dev/file-6.1.2/lib/src/interface/file.dart:15:16: Error: The method 'File.create' has fewer named arguments than those of overridden method 'File.create'.flutter/flutter 에러 2023. 2. 27. 17:48
몇 달간 들여다 보지 않았던 flutter 로 프로젝트 연습 하던 내용을 다시 보려고 iphone simulator 로 실행했더니 아래와 같은 에러가 나타났습니다. Error (Xcode): ../../../../../.pub-cache/hosted/pub.dev/file-6.1.2/lib/src/interface/file.dart:15:16: Error: The method 'File.create' has fewer named arguments than those of overridden method 'File.create'. 기존과 잘 실행되던 건데 에러가 나타나네요. 마지막으로 실행했을때와 달라진거는 flutter sdk 버전 올리고 ios simulator 를 14 버전으로 올린것입니다. 문제가 ..
-
[flutter] FutureBuilder 메서드의 AsyncSnapsot 과 Snapshotflutter/flutter 공부 2023. 2. 21. 11:34
flutter 에서 외부 통신을 통해 가져오는 작업을 하게 되면 Future 에 담아줘야 하는데 받아온 결과의 타입이 Future 로 되어 있기 때문에 직접 하나 하나 담아주는 것보다는 FutureBuilder 를 이용해서 받아오도록 하는게 좋은 것 같아서 사용하고 있습니다. FutureBuilder( future: _calculation, // a previously-obtained Future or null builder: (BuildContext context, AsyncSnapshot snapshot) { List children; if (snapshot.hasData) { children = [ const Icon( Icons.check_circle_outline, color: Colors.gr..
-
[flutter] vscode 에서 새폴더, 새파일 단축키 지정하기flutter/flutter 기타 등등 2023. 2. 15. 17:41
vscode 에서 flutter 연습을 하는데 새폴더, 새파일을 만들때마다 마우스를 사용해야 해서 단축키 지정은 어떻게 할 수 있을까 찾아보다가 직접 지정할 수 있는 방법이 있어서 기록을 남겨봅니다. 1. command pallet 를 열어줍니다. command pallet(Ctrl + shift + p ) -> Open Keyboard shortcut(JSON) 검색 Open Keyboard shortcut 와 Open Default Keyboard shortcut 이 검색 되는데 첫 번째 항목인 Open Keyboard shortcut 를 선택해줍니다. 2. keybindings.json 에 내용 추가 위에 처럼 기본 내용이 들어있는 경우에 {} 뒤에 콤마(,) 하나 넣어준 뒤에 아래 내용을 채워줍니..
-
[flutter] 플러터에서 package name, bundle id 찾기flutter/flutter 기타 등등 2023. 2. 13. 13:09
naver 지도를 이용해서 테스트해볼 일이 생겨 네이버 개발자 클라우드 플랫폼에 등록하려고 보니까 서비스 환경 등록을 해달라고합니다. application 에서 이용할 서비스 환경을 등록해달라면서 아래 이미지처럼 android 앱 패키지 이름과 ios bundle id 를 넣어달라네요. 각각의 정보는 아래의 경로에서 확인할 수 있습니다. IOS - ios/Runner.xcodeproj/project.pbxproj 파일 -> PRODUCT_BUNDLE_IDENTIFIER 속성에 들어있습니다. Android - app/src/main/AndroidManifest.xml -> manifest 태그안에 있습니다.
-
[flutter] vscode 에서 사용 편리성을 높이기 위한 기본 셋팅 2가지flutter/flutter 기타 등등 2023. 2. 7. 11:13
1. const 자동으로 붙여주기 vscode 로 flutter 작업하다보면 아래 이미지처럼 파란색 밑줄이 나타나는 경우가 있습니다. vscode 에서 좀 더 나은 코드를 위해 알려주는 경고인데요. const 를 붙여서 상수로 만들어 사용하라는 내용이 나오게 됩니다. 하나 두개일때는 const 를 붙여주는게 문제가 안되지만 100개 1000개 이런식으로 엄청나게 많아지면 하나하나 다 붙이는것도 엄청난 시간이 들겠죠. vscode 설정에서 알아서 const 를 붙여줄 수 있도록 할 수 있습니다. 설정 방법 1) vscode 좌측 하단에 보면 톱니바퀴 아이콘을 선택해서 명령 팔레트를 클릭해줍니다. 2)입력란에 settings 를 넣으면 관련 내용들이 나오는데 그중에 Open User Settings(JSON..
-
[flutter] 안드로이드 스튜디오 update 이후 loading devices 가 계속 나타날 때flutter/flutter 에러 2021. 5. 7. 10:08
그동안 안드로이드 스튜디오 버전 4.0.1 을 사용하다가 최근에 4.1.3 으로 업데이트를 했습니다. 그런데 플러터로 만든 프로젝트를 열었더니 앱 실행을 할 수가 없는겁니다. 우측 상단에 장치 목록을 나타내는 곳이 loading devices 만 나타날 뿐이었죠. 이렇게 나타났습니다. terminal 에서 flutter doctor -v 를 해봐도 장치 인식은 잘 나타나는데 저렇게만 나타나네요. 뭔가 인식이 잘 안되고 있는것 같아서 다른 항목들도 업데이트 해보고 재실행 해봐도 똑같았습니다. 해결 할만한게 뭐가 있을까 생각나는것중에 invalidate caches/restart 가 생각났습니다. 요렇게 해보니 이상없이 잘 나타나게 되었습니다. 혹시 loading devices 만 나타나는 분들은 저렇게 한..
-
[flutter] In iOS 14+, debug mode Flutter apps can only be launched from Flutter tooling...flutter/flutter 에러 2021. 1. 29. 15:24
in iOS 14+, debug mode flutter apps can only be launched from flutter tolling, IDEs with flutter plugins or from xcode. Alternatively, build in profile or release modes to enable launching from the home screen. 안드로이드 스튜디오에서 작업 후 tools 에서 open iOS module in xcode 로 실행하여 제 핸드폰에 앱을 빌드시켰습니다. 처음 빌드 시켰을 때는 이상없이 잘 나왔으나 xcode 에서 빌드해서 실행한게 아니라 핸드폰 배경화면에 있는 아이콘으로 실행하면 아래처럼 나타났습니다. iOS 13까지는 아무 이상없이 잘 되었던거..