flutter(4) - stateless 페이지를 이용하여 캐릭터 페이지 만들기(위젯 정리)

less than 1 minute read

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(
      title: 'Charactor card',
      home: MyCard(), 
  }
}

class MyCard extends StatelessWidget {
  const MyCard({ Key? key }) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('BBANTO'),
        centerTitle: true, // 앱바 타이틀 중앙정렬
        backgroundColor: Colors.redAccent, // 앱바 배경색
        elevation: 0.0 // 앱바가 떠있는 효과
      ),
      body: Padding(
        padding: EdgeInsets.fromLTRB(30.0, 40.0, 0.0, 0.0), // 패딩 값 방향마다 지정
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center, // 위젯을 세로축으로 상단 중간 하단으로 정렬할 때, Center와 Column 위젯이 결합되었을 때, 세로축 정렬할 때 꼭! 필요함
          children: [
            Text('Hello'),
            Text('Hello'),
            Text('Hello'),
          ],
        ),
      ),
    );
  }
}

Leave a comment