Closed KIMSSI22 closed 1 year ago
(저희 폰트사이즈는 피그마대로 고정하고, 폰트있는 부분은 height 고정하고 width만 미디어큐어리 하기로 정했습니다! ) App바에도 edge값이 있던 것 같은데 어떤 식으로 고정할까요?
아 그러면 appbar 부분은
class MyPage extends StatelessWidget {
const MyPage({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'mypage',
home: Builder(
builder: (BuildContext context) {
return Scaffold(
backgroundColor: const Color(0xffE3DCFF),
appBar: AppBar(
toolbarHeight: MediaQuery.of(context).size.height * 0.06,
backgroundColor: const Color(0xffE3DCFF),
elevation: 4,
shadowColor: Color(0xffE6E6E6),
title: Row(
children: [
Padding(
padding: EdgeInsets.only(
top: MediaQuery.of(context).size.height * 0.001,
left: MediaQuery.of(context).size.width * 0.02,
),
child: Icon(
Icons.menu_rounded,
size: MediaQuery.of(context)
.size
.width *
0.11,
color: Color(0xff404040)),
),
Padding(
padding: EdgeInsets.only(
left: MediaQuery.of(context).size.width * 0.02,
),
child: Text(
'마이페이지',
style: TextStyle(
color: Color(0xff404040),
fontSize: MediaQuery.of(context).size.width * 0.065,
fontWeight: FontWeight.bold
),
),
),
],
),
),
body: My(),
);
},
),
);
}
}
이렇게 사용하는 건 어떤가요?
채운님! mediaquery를 fontsize하고 edge 값에는 적용하지 않으신 것 같습니다. fontSize: 13 -> fontSize: MediaQuery.of(context).size.width * 0.065 요렇게 작성해 주셔야 값이 고정되지 않습니다. 고정된 숫자로 주시면 chome에서 보이는 화면과 실제 디바이스 화면과는 차이가 나서 수정이 필요할 것 같습니다. 그리고 저는 test할 때 사이즈를 6.0과 6.7를 해보고 있긴 하지만 시연 때 사용할 디바이스 화면 크기로는 개인적으로 6.7(iphone 14 pro max)로 생각하면서 최적화 하고 있습니다. 채운님도 이왕이면 6.7로 생각하면서 수정해주세요. 그리고 (#51) setting이랑 mypage에 대한 참고 크기는 많이 수정될 것 같아서 제가 수정 해보고 공유하겠습니다.