Flutter 2. 기본 어플 메인화면 완성

https://github.com/flutter-coder/flutter-ui-book1

GitHub - flutter-coder/flutter-ui-book1

Contribute to flutter-coder/flutter-ui-book1 development by creating an account on GitHub.

github.com

Expanded는 남는공간 다차지하라는 것

import 'package:flutter/material.dart';

class MainPage extends StatelessWidget {
  const MainPage({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold( // 안드로이드 UX 향상 : scaffold 사용
      body: Column( // 컬럼의 기본 정렬 center
        children: [
          Padding(
              padding: const EdgeInsets.all(25.0),
            child : Row(
              mainAxisAlignment: MainAxisAlignment.spaceAround,
              children: [
                // Spacer(),
                buildMenuText("Woman"),
                // Spacer(),
                buildMenuText("Kids"),
                // Spacer(),
                buildMenuText("Shoes"),
                // Spacer(),
                buildMenuText("Bag"),
                // Spacer(),
              ],
            ),
          ),
          Expanded(child: Image.asset("assets/bag.jpeg", fit: BoxFit.cover, width: double.infinity,)),
          SizedBox(height: 2,),
          Expanded(child: Image.asset("assets/cloth.jpeg", fit: BoxFit.cover, width: double.infinity)),
        ],
      ),
    );
  }

  Text buildMenuText(String title) => Text(title, style: TextStyle(fontWeight: FontWeight.bold),);
}