상세 컨텐츠

본문 제목

7. Splash Screen (flutter)

Flutter(Dart 포함)

by 본투비곰손 2023. 9. 14. 22:50

본문

728x90
import 'package:flutter/material.dart';

void main() {
  runApp(MaterialApp(
      debugShowCheckedModeBanner: false, 
      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,
          ),
        ],
      ),
    );
  }
}
  • debugShowCheckedModeBanner: false, - 우측 상단 디버그 띠 비활성화
  • runApp(MaterialApp(home: Scaffold())); 화면을 띄우기 위한 필수 함수
  • StatelessWidget 위젯이 길어지기때문에 함수로 만들어서 사용하기 위한 함수
  • 값을 리턴하는 Widget build(BuildContext context)함수를 오버라이드 하여 사용한다.
  • Column() 위젯을 세로로 배열 하는 함수 children:[]을 사용하여 위젯을 여러개 사용할 수 있다.
  • mainAxisAlignment: MainAxisAlignment.center, 배열의 축을 기준으로 정렬
  • Image.asset() 배경 이미지를 불러 올 수 있다.
  • CircularProgressIndicator() 원형 진행률 표시 아이콘
  • color: Colors.white, 색을 지정 할 수 있다.

728x90

'Flutter(Dart 포함)' 카테고리의 다른 글

9. Web view (flutter)  (0) 2023.09.18
8. Row 와 Column (flutter)  (0) 2023.09.15
6. Widget Tree 정의 (Flutter)  (0) 2023.09.14
5. Dart 3.0 업데이트 문법  (0) 2023.09.12
4-2. Asynchronous Programming (비동기 프로그래밍)  (0) 2023.09.08

관련글 더보기