[5] Flutter 나만의 APP(2)(디자인)

학습목표

• 디자인 관련 Widger을 이해할 수 있다
• Container, SizeBox에 대해 이해할 수 있다.
• Expanded, Flexible에 대해 이해할 수 있다.
• 기본적인 Widget을 배치할 수 있다.

Container Widget

import 'package:flutter/material.dart';

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

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: SafeArea(
        child: Column(
          children: [
            Text(
              'Flutter',
              style: TextStyle(
                  backgroundColor: Colors.amber,
                  fontSize: 40
              ),
            ),
            Container(
                child: Text('flutter'),
                color: Colors.green,
                // width: 80,
                // height: 80,
            ),
          ],
        ),
      ),
    );
  }
}