-
[Flutter&Dart] <Error> MaterialTapTargetSize: 모바일과 데스크톱의 spacing 차이Dev_Log/Flutter&Dart 2023. 5. 6. 02:34
오류
Chip이나 Button등이 들어간 Column의 경우, 모바일과 데스크탑의 줄간격이 서로 상이한 문제가 발생한다.
모바일에서의 간격 데스크톱에서의 간격 해결방법
해결방법은 생각보다 간단하다.
ThemeData의 materialTapTargetSize 값을 아래 두개 중 하나로 지정해두면 된다.
materialTapTargetSize: MaterialTapTargetSize.shrinkWrap -> 간격 좁게
materialTapTargetSize: MaterialTapTargetSize.padded -> 간격 넓게
*모바일에서의 tap 사용성 편의를 위해 간격을 조금 넓게 기본 설정된 것으로 추측된다.
materialTapTargetSize: MaterialTapTargetSize.padded materialTapTargetSize: MaterialTapTargetSize.shrinkWrap return MaterialApp( color: Colors.white, theme: ThemeData( materialTapTargetSize: MaterialTapTargetSize.shrinkWrap,
반응형'Dev_Log > Flutter&Dart' 카테고리의 다른 글