위젯 생성,연결2

순9·2022년 12월 8일
0

Flutter

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

void main() {
  runApp(
    MaterialApp(
      home: HomeScreen(), //위젯 부르기
    ),
  );
}

//1번
//StatelessWidget를 상속하면 절대적으로 빌드 함수를 override 해야함
//hotreload는 빌드에 있는 함수 만 재실행
class HomeScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Image.asset( //현재 하나의 파라미터 만 받아서 두개를 넣어 줄 수 가 없다
          'asset/img/logo.png',
        ),
      ),
    );
  }
}


//2번
//StatelessWidget를 상속하면 절대적으로 빌드 함수를 override 해야함
//hotreload는 빌드에 있는 함수 만 재실행
class HomeScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Color(0xFF0d48a1), //0x 16진수 FF 투명도
      body: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: [ //두개 이상의 파라미터를 받을 수 있다
          Image.asset(
            'asset/img/logo.png',
          ),
          CircularProgressIndicator(
            color: Colors.white,
          )
          ,
        ],
      ),
    );
  }
}

1번 출력 화면

2번 출력 화면
이미지를 가로 가운데 정렬X
세로 가운데 정렬
로딩바 이미지 따라서 세로 정렬

profile
1. 사용법 익히기 2. 원리가 뭔지 찾아보기 3. 원리를 공부하기

0개의 댓글