flutter) 기본적인 플러터 구조 숙지를 위한 단순반복연습

플러터의 기본 구조

1. import package:flutter/material.dart 

2. main 으로 시작함

3. runApp 안에 있는 위젯을 빌드해줌

4. MaterialApp 을 깔아줌 (책상으로 생각하기)

5. MaterialApp 안에 home이 있다. home에 Scaffold 을 깔아줌 (책상의 홈에 파져있는 곳에 도화지를 깐다고 생각하기)

6. 도화지 위에 body영역에 원하는 위젯 넣기 (여기선 Text위젯만 넣는다.)

 

import 'package:flutter/material.dart';
import 'package:practice/start_screen.dart';

void main() {
  runApp(
    const MaterialApp(
      home: Scaffold(
        body: StartScreen(),
      ),
    ),
  );
}

 

import 'package:flutter/material.dart';

class StartScreen extends StatelessWidget {
  const StartScreen({super.key});

  @override
  Widget build(context) {
    return const Text('어쩌면 좋니');
  }
}

 

 

익숙해 지기 위해 

최소 다섯번은 백지에서 만들어보자 !