[Flutter] 레이아웃 위젯
·
Web & Android/Flutter
레이아웃 위젯 상중하 위젯 : Scaffold() MaterialApp( home: Scaffold( appBar: 상단에 넣을 위젯, body: 중단에 넣을 위젯, bottomNavigationBar: 하단에 넣을 위젯, ) ); appBar : 상단 자주 쓰는 파라미터 title: 왼쪽 제목 - appBar: AppBar(title: Text(**'앱임'**)) leading: 왼쪽에 넣은 아이콘 - appBar: AppBar(leading: Icon(Icons.star)) title과 leading 같이 사용 가능 actions: [] - 우측아이콘들 - appBar: AppBar(actions: [Icon(Icons.star), Icon(Icon.star)] AppBar( title : Text(..
[Flutter] Lint 관련 워닝 무시하는 법
·
Web & Android/Flutter
analysis_options.yaml에 rules 아래에 4줄 코드 작성 → Lint를 잠깐 끄는 용도 prefer_typing_uninitialized_variables: false prefer_const_constructors_in_immutables: false prefer_const_constructors: false avoid_print: false prefer_const_literals_to_create_immutables : false
[Flutter] 위젯(글자, 아이콘, 네모박스, 버튼)
·
Web & Android/Flutter
main.dart 파일에 stless라고 작성 후 Tab 키 누르면 위젯을 상속한 class가 생성됨 → 클래스 이름 작성해주기 import 'package:flutter/material.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return MaterialApp( ); } } ⇒ MaterialApp()을 사용하면 구글에서 제공하는 디자인을 사용할 수 있다. Material Design을 사용하려면 아래와 같은 코드가 입력되어 있어야 함 ..
[Flutter] 안드로이드 스튜디오 Dart / Flutter 플러그인 설치
·
Web & Android/Flutter
안드로이드 스튜디오 - 왼쪽 [Plugins] 클릭 → Flutter 검색 후 설치 Install 누르면 Dart 플러그인 설치를 물음 → 함께 설치하기 위해 Install 클릭 2. 설치가 되면 Restart IDE 버튼이 활성화되고, 클릭하면 안드로이드 스튜디오를 재실행한다. 출처 : https://parkjh7764.tistory.com/161
[Flutter] Flutter SDK 설치
·
Web & Android/Flutter
링크 접속 https://docs.flutter.dev/get-started/install 운영체제 선택 zip 파일 다운로드 다운로드 된 파일을 원하는 경로에 압축 풀기 4. 환경변수 설정 1. 윈도우 검색 창 → 시스템 환경 변수 편집 2. 사용자에 대한 사용자 변수(U) 중에서 Path 선택 후 편집(E) 클릭 → 찾아보기 선택 3. 압축 푼 경로를 추가하기 - 이때 다운로드한 파일의 bin 파일을 선택해야함 → ex) C:\flutter\bin 출처 : https://parkjh7764.tistory.com/161