반응형 개발/Flutter7 [Flutter] 로그인 폼 UI 사용된 컴포넌트 Form : https://api.flutter.dev/flutter/widgets/Form-class.html TextFormField : https://api.flutter.dev/flutter/material/TextFormField-class.html Navigator : https://api.flutter.dev/flutter/dart-html/Navigator-class.html Route : https://api.flutter.dev/flutter/widgets/Route-class.html flutter_svg : https://pub.dev/packages/flutter_svg Theme : https://api.flutter.dev/flutter/material/Them.. 2022. 1. 1. [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 2 다음 반응형