목록2022/08/28 (3)

This Week's Record

[Flutter] 기본 위젯 4가지(Text, Icon, Image, Container)

글자넣는 Text() Text( '텍스트', style: TextStyle( fontSize: 24, // 폰트 크기 fontWeight: FontWeight.bold, // 폰트 두께 color: Colors.red, // 폰트 색상 ), ), 아이콘 넣을 땐 Icon() Icon(Icons.star) 이미지 넣고 싶으면 Image.asset('assets/dog.png') Image.network("이미지url"), 네모 박스 넣을 땐 Container(), SizedBox() Container( width: 200, // 폭 height: 200, // 높이 color: Colors.green, // 박스 색상 child: Text("This is Container"), // 자식 위젯 ), : C..
Flutter/GUI 2022. 8. 28. 01:00
[Flutter] Button

Button Button 위젯 위젯이나 기능에 대한 설명을 써준다 블라블라 Code Minimum Code TextButton( child: Text('버튼'), onPressed: (){} ) ElevatedButton( child: Text('버튼'), onPressed: (){} ) IconButton( icon: Icon(Icons.star), onPressed: (){} ) >>결과물 Maximul Code code >>결과물 버튼눌렀을때 화면위에 화면 올리기 vs 화면 갈아치워주기 (안드로이드에서 뒤로가기 눌렀을때 뒤로 가지나 아닌가의 차이로 이해하면될듯) TextButton( child: Text( 'Done Onboarding ', style: TextStyle(fontSize: 20.0)..
Flutter/GUI 2022. 8. 28. 00:59
[Flutter] Layout(Scaffold, Row, Column)

상중하로 나눠주는 Scaffold() 위젯 What? 앱은 대부분 [상단바 - body - 하단바] 로 나뉘어 있다. 이를 쉽게 구성하고 싶을 때 쓰는 위젯이 Scaffold()위젯 When? 상중하를 구성할 때 How to Use Scaffold( appBar: 상단에 넣을 다른 위젯, body: 중단에 넣을 다른 위젯, bottomNavigationBar: 하단에 넣을 다른 위젯, floatingActionButton: 플로팅 액션버튼에 넣을 다른 위젯, ), Scaffold( appBar: AppBar( title: Text('상단바')), body: Text('중간'), bottomNavigationBar: BottomAppBar(child: Text('하단바')), floatingActionBu..
Flutter/GUI 2022. 8. 28. 00:59
이전 Prev 1 Next 다음