본문 바로가기

Flutter22

[flutter] wrap widget, opacity widget 적용해보기 (with. flutter widget of the Week) 오늘은 최근에 들었던 flutter 팀의 weekly widget 중 실제로 사용해본 2가지 위젯에 대해 적어보려고 한다. wrap wrap은 열이나 행으로 이루어진 곳에 아래와 같이 공간이 부족해서 옆으로 넘어가는 버튼이 있을 때, 글씨 크기나 화면 크기에 따라 칸에 맞게 자동으로 다음칸으로 넘어가게 해주는 위젯이다. css의 flex-wrap속성과 같은 속성인 것 같다. 직접 구현을 해봤을 때, wrap을 감싸기 전에는 위와 같이 밖으로 넘어가는 버튼이 생겼었다. wrap으로 감싸주니 칸에 맞게 알아서 정렬이 되어 있는 모습을 확인할 수 있다 ! Wrap( direction: Axis.horizontal, // 수평 방향 alignment: WrapAlignment.center, // 정렬(해당 코드.. 2023. 5. 15.
[flutter]widget vs Method (widget 분리시 class vs function) flutter를 이용한 앱을 만들어보던 도중 너무 길어지는 코드로 인해 widget을 분리하고 싶다는 생각이 들었다. flutter의 자동완성 도움을 받으려고 전구를 누르니 Extract Method과 Extract Widget 두 가지를 확인할 수 있었고, 두 가지의 차이가 궁금해졌다. 이해를 위해 많은 블로그를 찾아봤지만 method보다 class를 이용하는 것이 더 좋다는 이야기가 많았고 method와 차이가 뭔지에 대해서는 정확하게 이해가 되지 않았다. (Extract widget= class 형태, Extract Method = function 형태) -> method와 function이 같다고 볼 수는 없지만 비슷한 형태로서 이해하려고 했다 (동영상강의에서 method로 표현했기 때문에 아래부.. 2023. 5. 8.
728x90
반응형