import 'package:flutter/material.dart';
void main() {
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);
// This widget is the root of your application.
@override
Widget build(BuildContext context) {
return MaterialApp(
debugShowCheckedModeBanner: false,
title: 'BBANTO',
home: const Grade(),
);
}
}
class Grade extends StatelessWidget {
const Grade({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: Colors.amber[800],
appBar: AppBar(
title: Text('BBANTO'),
backgroundColor: Colors.amber[700],
centerTitle: true,
elevation: 0.0,
),
body: Padding( // 배치를 위해 사용
padding: EdgeInsets.fromLTRB(30, 40, 0, 0), // 간격 설정
child: Column( // 위젯 세로 배치
crossAxisAlignment: CrossAxisAlignment.start, // 시작점 설정(왼쪽 맞춤)
children: <Widget>[
Center(
child: CircleAvatar(
backgroundImage: AssetImage('assets/img1.gif'),
radius: 60.0,
),
),
Divider( // 분리선 설정
height: 60.0,
color: Colors.grey[850],
thickness: 0.5,
endIndent: 30.0,
),
Text('NAME',
style: TextStyle(
color: Colors.white, // 색상
letterSpacing: 2.0, // 글자 간격
),
),
SizedBox( // 간격 주기
height: 10.0,
),
Text('BBANTO',
style: TextStyle(
color: Colors.white,
letterSpacing: 2.0,
fontSize: 28.0,
fontWeight: FontWeight.bold
),
),
SizedBox( // 간격 주기
height: 30.0,
),
Text('BBANTO POWER LEVEL',
style: TextStyle(
color: Colors.white, // 색상
letterSpacing: 2.0, // 글자 간격
),
),
SizedBox( // 간격 주기
height: 10.0,
),
Text('14',
style: TextStyle(
color: Colors.white,
letterSpacing: 2.0,
fontSize: 28.0,
fontWeight: FontWeight.bold
),
),
SizedBox( // 간격 주기
height: 30.0,
),
Row(
children: <Widget>[
Icon(Icons.check_circle_outline),
SizedBox( // 간격 주기
width: 10.0,
),
Text('using lightsaber',
style: TextStyle(
fontSize: 16.0,
letterSpacing: 1.0
),)
],
),
Row(
children: <Widget>[
Icon(Icons.check_circle_outline),
SizedBox( // 간격 주기
width: 10.0,
),
Text('face hero tattoo',
style: TextStyle(
fontSize: 16.0,
letterSpacing: 1.0
),)
],
),
Row(
children: <Widget>[
Icon(Icons.check_circle_outline),
SizedBox( // 간격 주기
width: 10.0,
),
Text('fire flames',
style: TextStyle(
fontSize: 16.0,
letterSpacing: 1.0
),)
],
),
Center(
child: CircleAvatar(
backgroundImage: AssetImage('assets/img2.gif'),
radius: 40.0,
backgroundColor: Colors.amber[800],
),
),
],
),
)
);
}
}