위젯 4

[Flutter]Container, SizedBox 위젯 사용법

Command+. 누르면 소스 보기 줄임표로 변경가능 Container : 감싸는 역할 https://api.flutter.dev/flutter/widgets/Container-class.html Container( width: 300, height: 100, margin: EdgeInsets.all(32), //margin: EdgeInsets.only(left: 10,right: 10,top: 10,bottom: 10), //한쪽만 정렬하고싶은경우에만 사용 alignment: Alignment.center, //컨테이너 기준으로 정렬 child: Text('Container'), //color: Colors.blueAccent, decoration: BoxDecoration( borderRadius:..

Flutter 2023.12.09

[Flutter] Column, Row, Expanded 위젯

Column, Row, Expanded 위젯 Cmd+P => 파라미터 인자 값 어떤것 넣을 수 있는지 확인가능 Alt+enter ,Option+enter => 코멘트 뜨고 영역 관련된 부분 삭제할때 유용하다 Column 같은 경우 별도의 축이 있어서 어디에 정렬할지에 대한 내용을 정할 수있다 Column 세로로 정렬하는 위젯 Widget build(BuildContext context) { return Scaffold( appBar: AppBar(title: Text('메인화면'),), body: Center( //child: Text('메인화면입니다.'), child: Column( //세로로 정렬하는 위젯 Column mainAxisAlignment: MainAxisAlignment.center, /..

Flutter 2023.12.09

[Flutter] 기본위젯

[Flutter] 기본위젯 자식을 하나만 갖는 위젯 자식을 하나만 갖는 대표적인 위젯 대체로 child 매개변수 입력 받는 항목 Container : - 자식을 담는 컨테이너 역할. - 배경색 , 너비와 높이, 테두리 등의 디자인 지정가능 GestureDetecotr 위젯 : - 플러터에서 제공하는 제스처 기능을 자식 위젯에서 인식하는 위젯 - 탭이나 드래그 그리고 더블 클릭 같은 제스처 기능이 자식 위젯에 인식 됐을때 함수를 실행 SizeBox 위젯 : - 높이와 너비를 지정하는 위젯 - Container 위젯과 다르게 디자인적 요소는 적용할 수 없고 Const 생성자로 선언할 수 있어서 퍼포먼스 측면에서 효율적 자식을 여러개 갖는 위젯 다수의 자식을 입력 받는 위젯의 경우에는 children 매개변수..

Flutter 2023.05.06