Column, Row, Expanded

정은하·2024년 2월 1일

Flutter

목록 보기
5/8
post-thumbnail

1.MainAxisAlignment.center
row일 때 가로축을 기준으로 가운데으로 정렬

column일 때 세로축을 기준으로 가운데으로 정렬

  1. CrossAxisAlignment.start
    row일 때 가로축을 기준으로 위쪽으로 정렬

column일 때 세로축을 기준으로 왼쪽으로 정렬

import 'package:flutter/material.dart';
//시작 화면
class SplashScreen extends StatelessWidget {
  const SplashScreen({super.key});

  @override
  Widget build(BuildContext context) {
    Future.delayed(Duration(seconds: 5),(){
    Navigator.pushNamed(context, '/main');
    },);
    return Scaffold(
      appBar: AppBar(title: Text('메인 화면'),),
      body: const Column(
          mainAxisAlignment: MainAxisAlignment.center,
          crossAxisAlignment: CrossAxisAlignment.start,
          children:[
          Text('반갑습니다.'),
          Text('저는 정은하입니다.'),
          //가로로 정렬
          Row(children: [
            Text('안녕'),
            Text('가로로 쌓는 위젯이다.')
          ],
          ),
          //배치 일정하게 하기, flex 1로 초기화된 상태
          Row(children: [
            Expanded(child:Text('eunga')),
            Expanded(child:Text('eunga')),
            Expanded(child:Text('eunga')),
          ],)
        ],)
        ,
    );
  }
}

profile
If you remain stagnant, you won't achieve anything

0개의 댓글