본문 바로가기

Flutter

Flutter- 공부#1

import 'package:flutter/material.dart';

void main() {
  runApp(const App()); // App: root 위젯. 하위 위젯들이 모두 App()을 통해서 실행됨
}

// class가 세개의 core Widget 클래스를 상속받는 경우 해당 클래스도 위젯으로 등록된다.
class App extends StatelessWidget {
  const App({super.key});

  // stateless widget: 화면에 무언가를 띄어주는 역할

  @override
  Widget build(BuildContext context) {
    // 모든 위젯들은 반드시 build 메서드를 구현해야한다.
    return MaterialApp(
      // 구글 스타일 위젯 (이게 더 좋음)
      home: Scaffold(
        // Scaffold widget: 화면의 구성요소에 관한 것들을 가지고 있다. ex) appBar 화면 상단 부분, body 바디를 구성
        appBar: AppBar(
          title: const Text("Hello flutter!"),
        ),
        body: const Center(
          child: Text("hello world!"),
        ),
      ),
    );
    // return CupertinoApp() 애플 스타일 위젯
  }
}

 

 

'Flutter' 카테고리의 다른 글

Flutter- Widget Life Cycle  (0) 2024.05.02
Flutter- 필수 Widget 정리  (0) 2024.04.14
Flutter- Widget  (0) 2024.03.31