반응형 분류 전체보기187 [Flutter] QR/Bar Code 인식 앱 플러터로 QR/Bar 코드 인식 앱을 만들어 보자. 앱 설명 플러터를 이용하여 QR/Bar 코드를 인식한다. 비프음과 진동을 통해 인식 완료 되었다고 사용자에게 알려준다. 앱이 실행되는 동안 화면이 꺼지지 않게 설정한다. 데모 사용된 패키지 핵심 패키지(QR/Bar code 인식) : https://pub.dev/packages/flutter_qr_bar_scanner 인식시 소리 출력을 위한 패키지 : https://pub.dev/packages/flutter_beep 인식시 진동을 위한 패키지 : https://pub.dev/packages/flutter_vibrate 앱 실행 시 화면 꺼짐 방지 패키지 : https://pub.dev/packages/wakelock 소스 pubspec.yaml na.. 2021. 12. 31. [Flutter] 프로필 UI 만들기 사용된 컴포넌트 ThemeData : https://api.flutter.dev/flutter/material/ThemeData-class.html TabBar : https://api.flutter.dev/flutter/material/TabBar-class.html TabBarView : https://api.flutter.dev/flutter/material/TabBarView-class.html AppBar : https://api.flutter.dev/flutter/material/AppBar-class.html InkWell : https://api.flutter.dev/flutter/material/InkWell-class.html GridView : https://api.flutter.de.. 2021. 12. 30. [Flutter] The flutter tool cannot access the file or directory. OS 환경 : Windows 11 windows 10에서 잘 실행되던 flutter가 windows11에서 어느 순간부터 아래와 같은 오류가 나오면서 실행되지 않는다. 오류 메시지만 보면 flutter 실행 시 관련 파일이나 폴더에 권한이 없다 라는 오류인데... Unhandled exception: Exception: null. The flutter tool cannot access the file or directory. Please ensure that the SDK and/or project is installed in a location that has read/write permissions for the current user. #0 throwToolExit (package:flutter_t.. 2021. 12. 29. [Flutter] 플러터로 개발시 유용한 pub.dev Dart와 Flutter 앱을 위한 공식 레파지토리 사이트 메인 페이지에 접속하면 아래와 같이 다양한 형태의 인기 패키지를 볼 수 있다. Flutter 생태계위원회(?)에서 선택한 최고수준의 패키지 모음 가장 인기있는 패키지 인기있는 Flutter 패키지 인기있는 Dart 패키지 금주의 패키지 원하는 검색어를 입력하여 패키지를 검색하여 사용할 수 도 있다. https://pub.dev/ Dart packages Pub is the package manager for the Dart programming language, containing reusable libraries & packages for Flutter, AngularDart, and general Dart programs. pub.dev 아이.. 2021. 12. 12. [Flutter] 레시피 UI 만들기 순서 1. 화면구조 구성하기 2. 폰트, 이미지등 assets 구성하기 3. 각 화면 구성 4. 실행 1. 화면구조 구성하기 상단 AppBar 본문 Listview 본문안의 내용 Row, ClipRRect 2. 폰트, 이미지등 assets 구성하기 pubspec.yaml - 변경후에는 Pub get 버튼을 클릭하여 적용해야 한다. name: flutter_recipe description: Flutter Recipe App UI publish_to: 'none' # Remove this line if you wish to publish to pub.dev version: 1.0.0+1 environment: sdk: ">=2.12.0 2021. 12. 12. [Fultter] 쇼핑몰 UI 만들기 플러터로 UI를 만들어 보자. 1. New Porject에서 이름과 설명, 클래스등을 지정하고, 플랫폼을 선택한다. (Android, iOS 선택) Project name은 스네이크표기법으로 해야 한다. (모두 소문자 공백은 언더바로 지정 ex. test_project) 2. 신규 프로젝트를 만들면 아래와 같은 폴더와 파일이 생성된다. 3. 이미지등 assets 저장을 위해 폴더를 생성하고 이미지를 넣은 후, pubspec.yaml 설정 파일에 assets 경로를 지정하고 Pub Get 을 클릭한다. 4. main.dart 파일을 열어 UI를 구성한다. 기본 생성되는 소스코드를 지우고 아래 내용 입력 import 'package:flutter/material.dart'; /** * 최초 실행되는 부분 *.. 2021. 12. 3. 이전 1 ··· 7 8 9 10 11 12 13 ··· 32 다음 반응형
