커뮤니티
포인트
쿠폰
내 강의실
국비 신청 내역
증명서
계정
로그아웃
학습 질문
개발 일지
나의 활동
답변 완료
2-3 당근마켓 화면 만들기 (1) 앱바 엘레베이션 elevation
[왕초보] 플러터(Flutter)로 시작하는 앱개발 종합반 v0
2주차
북마크
강*종
댓글
5
추천
1
조회수
20
조회수
20
답변 완료

* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.

* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.


2-3 당근마켓 화면 만들기 (1) 앱바 엘레베이션 elevation 이 임상원 튜터님 화면과 달라요


플러터 버전차이인 것 같기도 한데 기존에 뜨는 효과가 사라지고 회색으로 바뀌네요



스파르타 즉문즉답

임상원 튜터님 화면

스파르타 즉문즉답

제 화면 iOS


스파르타 즉문즉답

제 화면 android



import 'package:flutter/cupertino.dart';

import 'package:flutter/material.dart';


void main() {

  runApp(

    MyApp(),

  );

}


class MyApp extends StatelessWidget {

  const MyApp({Key? key}) : super(key: key);


  @override

  Widget build(BuildContext context) {

    return MaterialApp(

      debugShowCheckedModeBanner: false,

      home: HomePage(),

    );

  }

}


class HomePage extends StatelessWidget {

  const HomePage({super.key});


  @override

  Widget build(BuildContext context) {

    return Scaffold(

      appBar: AppBar(

        backgroundColor: Colors.white,

        elevation: 100,

        leading: Row(

          children: [

            SizedBox(width: 16),

            Text(

              '중앙동',

              style: TextStyle(

                color: Colors.black,

                fontWeight: FontWeight.bold,

                fontSize: 20,

              ),

            ),

            Icon(

              Icons.keyboard_arrow_down_rounded,

              color: Colors.black,

            ),

          ],

        ),

        leadingWidth: 100,

        actions: [

          IconButton(

            onPressed: () {},

            icon: Icon(CupertinoIcons.search, color: Colors.black),

          ),

          IconButton(

            onPressed: () {},

            icon: Icon(Icons.menu_rounded, color: Colors.black),

          ),

          IconButton(

            onPressed: () {},

            icon: Icon(CupertinoIcons.bell, color: Colors.black),

          ),

        ],

      ),

      body: Center(child: Text("home page")),

    );

  }

}




취소
 공유
취소
댓글 0
댓글 알림
나의얼굴