나의 첫 앱 개발 코딩..

import 'package:flutter/material.dart';

void main() {

  runApp(MyApp());

}

class MyApp extends StatelessWidget {

  const MyApp({Key? key}) : super(key: key);

  @override

  Widget build(BuildContext context) {

    return MaterialApp(

      debugShowCheckedModeBanner: false,

      home: Scaffold(

        appBar: AppBar(

          centerTitle: true,

          title: Text(

            "Hello Flutter",

            style: TextStyle(fontSize: 28),

          ),

        ),

        body: SingleChildScrollView(

          child: Padding(

            padding: const EdgeInsets.all(16.0),

            child: Column(

              children: [

                Padding(

                  padding: const EdgeInsets.all(32),

                  child: Image.network("https://i.ibb.co/nngK6j3/startup.png",

                      width: 81),

                ),

                TextField(

                  decoration: InputDecoration(

                    labelText: "이메일",

                  ),

                ),

                TextField(

                  obscureText: true,

                  decoration: InputDecoration(

                    labelText: "비밀번호",

                  ),

                ),

                Container(

                  margin: EdgeInsets.only(top: 24),

                  width: double.infinity,

                  child: ElevatedButton(

                    onPressed: () {},

                    child: Text("로그인"),

                  ),

                )

              ],

            ),

          ),

        ),

      ),

    );

  }

}

 

허접한 로그인 페이지.

Flutter 맛보기라 전체적으로 어떤 느낌인지 느껴봄.

영어공부도 같이 되는듯?

 

위젯-자녀위젯-자녀위젯

 

Padding : 안쪽 여백

Border: 경계선

Margin: 바깥쪽 여백