Container 1

tpids·2024년 9월 9일

Flutter

목록 보기
7/40
import 'package:flutter/material.dart';

// 클래스 이름 수정시 사용 단축키 : alt + shift + r
class ExContainer extends StatelessWidget {
  // 생성자 메소드 -> 클래스의 이름과 메소드의 이름이 동일하다!
  const ExContainer({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: SafeArea(
        child: Column(children: [
          // 1. Text 위젯 자체의 크기를 변경
          Text('Text Widget', style: TextStyle(fontSize: 30, backgroundColor: Colors.amber),),
          
          // 2. Container 위젯을 사용하여 크기를 변경
          // 특징1 : 반드시 하위 위젯을 가지고 있어야 한다!
          // 특징2 : container 자체가 크기를 가지고 있지 않다면, 자동적으로 하위 위젯의 크기를 따른다!
          Container(child: Text('Text Widget'), color: Colors.lightGreen,
          // 자체적인 크기 지정!
            width: 120, height: 120,
          ),
        ],),
      ),
    );
  }
}

profile
개발자

0개의 댓글