Responsive design에 사용하기 좋은 위젯, 패키지

앱이 실행되는 장치에 따라 앱이 보여지는게 달라진다 가장 큰 문제가 글자 크기 인데, 태블릿이나 pc냐 모바일 폰이냐에따라 표시되어야 하는 글자 크기가 달라지므로 적응적으로 글자 크기를 변화시켜주는 것이 중요하다. 

 

나의 경우, 테블릿 환경에서 작업을 하면서 text 위젯을 fittedBox.scaleDown으로 만들어 넣고있다. 그러면 모바일에서 앱을 실행하더라도 글자를 줄여서 표현되기 때문에 큰 문제는 없었다. 그런데 혹시나 좀더 편리하거나 효과가 좋은 위젯이나 방법이 있나 싶어서 잠시 찾아보았다.  

 

 

Responsive design의 기본적인 정보는 아래링크를 참고하면된다.

https://docs.flutter.dev/development/ui/layout/adaptive-responsive

Creating responsive and adaptive apps

아래는 위의 기본 정보에서 추천하는 적응적인 UI에  사용할 만한 위젯들이다. 내가 사용하는 fittedBox도 포함되어 있다. 

 

 

---

 

OverflowBar 라는 위젯이 있다. 나중에 참고. 

https://medium.com/flutter-community/flutter-responsive-design-size-doesnt-always-matter-6cd88b5e6f2c

Flutter responsive design : size doesn’t (always) matter

 

---

글자 크기를 적응적으로 만들기 쉬운 패키지 2가지 찾았다. 

https://pub.dev/packages/auto_size_text

auto_size_text | Flutter Package

https://pub.dev/packages/sizer

sizer | Flutter Package