[스파르타 내일배움캠프 Swift]iOS 앱 개발 7기 2일차 - 2023. 07. 11

오늘은 어제 회의했던 내용을 구현하기 위해 팀원과 함께 개발을 시작했다.

Main 화면 개발

우리가 구상한 레이아웃에서는 AppBar의 UI가 필요가 없어서 코드내에서 제거했다.

코드를@override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        body: Padding(
          padding: const EdgeInsets.symmetric(vertical: 8.0),
          child: Padding(
            padding: const EdgeInsets.only(bottom: 16.0),
            child: Column(
              children: [
                const SizedBox(
                  height: 80,
                ),
                Padding(
                  padding: const EdgeInsets.only(
                    bottom: 40.0,
                  ),

                  // Secret 메뉴 이미지
                  child: Image.network(
                    "https://i.ibb.co/Gnmk7yV/2023-07-11-9-26-14.pngp",
                    height: 400,
                    fit: BoxFit.fill,
                  ),
                ), 

우리가 생각했던 구현목표 중 하나가 각 팀원의 프로필과 연결되는 이미지 버튼을 만드는 것이였다.
팀 이름에 어울리도록 햄버거와 사이드메뉴 이미지를 버튼으로 쓸 수 있게 구현했다.

 padding: const EdgeInsets.symmetric(horizontal: 24),
                  child: Row(
                    children: [
                      Container(
                        child: Column(
                          children: [
                            // 팀장
                            ElevatedButton(
                              onPressed: () {
                                Navigator.push(
                                  context,
                                  MaterialPageRoute(
                                      builder: (context) => Profile()),
                                );
                              },
                              style: ElevatedButton.styleFrom(
                                  primary: Colors.white),
                              child: Stack(
                                children: [
                                  Positioned(
                                    child: Text(
                                      "(New)",
                                      style: TextStyle(
                                          fontSize: 15,
                                          fontWeight: FontWeight.w900,
                                          color: Colors.red),
                                      textAlign: TextAlign.center,
                                    ),
                                    top: 3,
                                    left: 4,
                                    right: 5,
                                  ),
                                  Image.network(
                                    "https://www.fiveguys.co.kr/-/media/public-site/images/menu-images/menu-category-icons/fg-sandwiches-icon-01.ashx",
                                    height: 100,
                                    width: 60,
                                  ),
                                ],
                              ),
                            ),
                            Padding(
                              padding: const EdgeInsets.only(top: 8),
                              child: Container(
                                child: Text(
                                  "의정부부대버거A",
                                  style: TextStyle(
                                      fontSize: 15,
                                      fontWeight: FontWeight.bold,
                                      color: Colors.black),
                                ),
                              ),
                            ),
                          ],
                        ),
                      ),