dlcodns / OSP_Prediction

GNU General Public License v2.0
1 stars 2 forks source link

fontsize나 edge 값에 대한 이슈 #61

Closed KIMSSI22 closed 1 year ago

KIMSSI22 commented 1 year ago

채운님! 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에 대한 참고 크기는 많이 수정될 것 같아서 제가 수정 해보고 공유하겠습니다.

dlcodns commented 1 year ago

(저희 폰트사이즈는 피그마대로 고정하고, 폰트있는 부분은 height 고정하고 width만 미디어큐어리 하기로 정했습니다! ) App바에도 edge값이 있던 것 같은데 어떤 식으로 고정할까요?

KIMSSI22 commented 1 year ago

아 그러면 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(),
          );
        },
      ),
    );
  }
}

이렇게 사용하는 건 어떤가요?