Text('Hi1', style: TextStyle( color: Colors.blue, //폰트 색상 letterSpacing: 4.0, //폰트 간격 fontSize: 30.0, // 폰트 사이즈 fontWeight: FontWeight.bold // 폰트 크기 )) 텍스트와 텍스트 사이의 간격은 SizeBox를 적용하여 해결 Text('Hi1', style: TextStyle( color: Colors.blue, //폰트 색상 letterSpacing: 4.0, //폰트 간격 fontSize: 30.0, // 폰트 사이즈 fontWeight: FontWeight.bold // 폰트 크기 )), SizedBox( //텍스트 사이의 간격 height: 10.0, ), Text('Hi2')

1. 가로 센터 class MyCard extends StatelessWidget { const MyCard({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: const Text('studyFlutter'), //app bar tile 지정 centerTitle: true, backgroundColor: Colors.yellow, //app bar 색상 지정 elevation: 0.0, // 앱바 그림자 지우기 ), body: Center( // 센터 지정 child: Column( children: const [ Text('Hi1'), Text..

class MyCard extends StatelessWidget { const MyCard({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: const Text('studyFlutter'), //app bar tile 지정 centerTitle: true, backgroundColor: Colors.yellow, //app bar 색상 지정 elevation: 0.0, // 앱바 그림자 지우기 ), body: Padding( //화면 전채에 패딩 padding: const EdgeInsets.fromLTRB(20.0, 40.0, 0.0, 0.0..

lib/main.dart 에서 구현 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( title: 'studyFlutter', theme: ThemeData( primarySwatch: Colors.blue // 기본테마 컬러 지정 ), home: const MyHomePage(), // 화면에 무엇을 띄울지 설정 ); } } class MyH..

1. 플러터에서는 화면을 구성하는 모든 UI((버튼, 이미지, 아이콘, 텍스트 필드, etc))를 위젯이라고 함 2. 눈에보이지않는 설정도 위젯이라고 함(화면 정렬 center, column, padding, etc) 3. 모든것이 위젯이다. 플러터에는 위젯이 3개 있다. 1. stateless = 이전상호작용의 어떠한 값도 보전 하지 않음(움직임이나 변화가 없는 정적인 위젯) 2. stateful = value값을 지속적으로 추적 보전(계속움직이거나 변화가 있는 동적인 위젯) 3. inherited

1. 안드로이드 스튜디오 실행 후 New Flutter Project 클릭 2. 압축을 푼 플러터 SDK경로 지정 3. 프로젝트이름 경로 조직을 입력해준다. 4. 생성된 프로젝트를 실행 해본다. 크롬으로 실행시 아래와 같은 화면이 나온다.