본문 바로가기

Flutter

(14)
Flutter StatelessWidget , StatefulWidget StatelessWidget 말 그대로 상태가 없는 위젯 클래스다 먼저 sample앱에서 카운터 앱을 보여주는 MyHomePage를 stateless로 바꿔서 예제로 본다 class MyHomePage extends StatelessWidget { int count = 0; MyHomePage({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return Scaffold( body: Center( child: Column( mainAxisAlignment: MainAxisAlignment.center, children: [ const Text( 'You have pushed the button this many ti..
Flutter sample 앱 분석(counter app) import 'package:flutter/material.dart'; void main() { runApp(const MyApp()); //앱 처음 시작시 아래의 StatelessWidget인 MyApp을 run 한다는 것 } class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo', theme: ThemeData( //앱의 테마 데이터 //지금은 색생만 기본 색상이 blue로 설정 //다른 색깔로 바꿔서 hot reload 해보자 primarySwatch: ..
Flutter 프로젝트 생성 사진 처럼 New Flutter Project 클릭 올바른 Sdk 위치 설정 후 next 프로젝트 이름 설정 후 Finish 프로젝트가 생성되면 처음에 flutter demo앱이 생성됩니다
Flutter 개발 환경 구축(windows) 1. Flutter Sdk 다운로드 https://flutter-ko.dev/docs/get-started/install 설치 Flutter를 설치할 운영 체제를 선택해주세요:{{site.alert.note}} **Are you on Chrome OS?** If so, see the official [Chrome OS Flutter installation docs!](/docs/get-started/install/chromeos){{site.alert.end}} flutter-ko.dev 1-1. 윈도우 버튼 클릭 1-2 sdk 파일 다운로드 지금은 왜 failed라 뜨는지 모르겠지만 평소면 버튼을 클릭하면 sdk zip 파일이 다운로드된다 다운이 완료되면 압축을 풀어 C:\src\flutter처럼 원하..