본문 바로가기

Flutter

(21)

[Flutter] Container 대부분의 Widget은 Container를 씌우고 개발하는 것이 용이하다. Container의 Child Widget의 width/height/border 등 다양한 처리 가능. 단, Child Widget의 위치를 지정해주기 위해, Container의 속성 값 alignment: Alignment.center 등으로 Child Widget 배치 조정 필요.

[Flutter] Text textAlign // Text widget 내 text 위치 textAlign : TextAlign.center // 정 가운데에 위치 style: TextStyle(fontSize: 30, color: Colors.black) //TextStyle 설정 가능

[Flutter] Row & Column Row : Widget 속에 객체를 옆으로(가로로) 쌓을 때 사용. 가로로 객체를 쌓기 때문에 가로에 대한 설정 값이 Main Axis, 세로에 대한 설정 값이 Cross Axis가 된다. Column : Widget 속에 객체를 아래로(세로로) 쌓을 때 사용. 세로로 객체를 쌓기 때문에 세로에 대한 설정 값이 Main Axis, 가로에 대한 설정 값이 Cross Axis가 된다.

[Flutter] Expanded vs Flexible Expanded : Row, Column, Flex에서 mainAxis 방향으로 남은 공간 만큼 자식의 크기를 확장 Scaffold( body: Row( children: [ Expanded(flex: 1, child: Container(color: Colors.red, height: 50)), Expanded(flex: 2, child: Container(color: Colors.blue, height: 50)), Container(color: Colors.yellow, width: 50, height: 50), ], ), ) Flexible : Expanded의 조상 클래스. fit 속성값이 FlexFit.loose일 경우, 설정된 크기보다 더 커질 수 없도록 크기에 제한이 걸림 Scaffold( b..

[Flutter] 화면 크기 구하기 Flutter 에서 앱 화면 크기 구하는 법 MediaQuery.of(context).size.height //화면 높이 double MediaQuery.of(context).size.width //화면 넓이 double MediaQuery.of(context).padding.top //상단 상태 표시줄 높이 double MediaQuery.of(context).devicePixelRatio //화면 배율 double // 해당 값들에 devicePixelRatio(화면 배율) 곱하면 실제 픽셀 값 얻을 수 있음.

이전 1 2 3 다음

티스토리툴바