[flutter] 금주의 위젯 #1 SAFE AREA

in #kr6 years ago (edited)

요즘의 기기들의 화면은 보통 직사각형이 아닙니다.

알림 바와 조절키가 방해할 수도 있고, 둥근 모서리와 스피커 등이 화면을 차지하는 경우 등 핸드폰 화면이 복잡해지고 있지요.

그래서 Flutter에는 SafeArea가 있습니다. 먼저 MediaQuery로 화면과 가장자리의 면적을 잰 후 앱의 화면을 알맞게 맞춰줍니다.

그래서 여러분의 앱이 이런 모양이더라도 SafeArea가 자동으로 감싸 iOS와 안드로이드 환경에서 콘텐츠를 보호해줍니다.

그리고 사용할 면적을 직접 지정해 줄 수도 있어서, Scaffold가 body에서 제대로 작동할 수 있게 해줍니다


Sponsored ( Powered by dclick )

dclick-imagead

Sort:  

자동으로 화면 조절되는게 신기했는데...ㅎㅎㅎ
스위프트 말고 플러터를 공부해야하나...ㅠㅜ

스위프트로 시작했으면 스위프트를 계속하는 것을 추천해요.

말씀대로 일단 스위프트 끝까지 먼저 해볼께요 :)

곰돌이가 @jisoooh0202님의 소중한 댓글에 $0.009을 보팅해서 $0.014을 살려드리고 가요. 곰돌이가 지금까지 총 1934번 $25.250을 보팅해서 $23.915을 구했습니다. @gomdory 곰도뤼~

안드로이드에 꼭 필요한 기능이네요. 이런걸 보면 플러터가 짱인듯합니다. 실무자들이 플러터를 많이 사용했으면 좋겠어요.ㅋ

아직 실무는 코도바 기반의 하이브리드가 대세긴 하죠...

플러터 참 좋은데... ㅋ

플러터 참 좋은데 머라고 표현할 말이 없어요.ㅎㅎ 아직도 구글 마켓에는 코르도바 기반의 아이오닉 앱이 많이 출시되고 있네요.

곰돌이가 @anpigon님의 소중한 댓글에 $0.009을 보팅해서 $0.014을 살려드리고 가요. 곰돌이가 지금까지 총 1940번 $25.315을 보팅해서 $23.988을 구했습니다. @gomdory 곰도뤼~

디클릭 꾸욱 누르고 가염~!!!
아~ 물론 저는 디클릭으론 글 안쓰지만요ㅋㅋㅋㅋㅋ

ㅋㅋ 가끔 써보세요 :)

Hi @wonsama!

Your post was upvoted by @steem-ua, new Steem dApp, using UserAuthority for algorithmic post curation!
Your UA account score is currently 3.730 which ranks you at #4969 across all Steem accounts.
Your rank has improved 128 places in the last three days (old rank 5097).

In our last Algorithmic Curation Round, consisting of 225 contributions, your post is ranked at #125.

Evaluation of your UA score:
  • You're on the right track, try to gather more followers.
  • The readers like your work!
  • Good user engagement!

Feel free to join our @steem-ua Discord server

Coin Marketplace

STEEM 0.25
TRX 0.21
JST 0.036
BTC 97583.14
ETH 3481.73
USDT 1.00
SBD 3.45