[Flutter] 스플래시 스크린 앱 만들기

스플래시 스크린 앱 만들기 코드

import 'package:flutter/material.dart';

void main() {
  runApp(
    MaterialApp(
      home: HomeScreen(),
    ),
  );
}

class HomeScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Color(0xFFF99231),
      body: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: [
          Image.asset(
            'asset/img/logo.png',
          ),
          CircularProgressIndicator(
            color: Colors.white,
          ),
        ],
      ),
    );
  }
}

코드 속 핵심 요약

• 플러터는 머티리얼 디자인을 사용하기 때문에 프로젝트의 위젯 트리 가장 상단에 Material App위젯과 Scaffold 위젯을 사용
• Container 위젯에는 배경색을 적용할 수 있음
• Image 위젯은 화면에 이미지를 보여줌
• flutter pub get을 실행하면 pubspec.yaml의 변경 사항을 프로젝트에 적용할 수 있음
• Column 위젯을 이용하면 다수의 위젯을 세로로 배치할 수 있음
• Row 위젯을 이용하면 다수의 위젯을 가로로 배치할 수 있음

참고

이 글은 골든래빗 《코드팩토리의 플러터 프로그래밍》의 스터디 내용 입니다.