This Week's Record

Column 위젯 위젯이나 기능에 대한 설명을 써준다 블라블라 Code Text 디자인시스템을 반영한 커스텀위젯 코드 class TextSubhead1 extends StatelessWidget { double size; final String text; final Color color; TextSubhead1( {Key? key, this.size = 12, required this.text, required this.color}) : super(key: key); @override Widget build(BuildContext context) { return Text( text, style: TextStyle( color: color, fontSize: size, fontWeight: FontWeig..

Text 위젯 글을 화면에 노출시킬 때 Code Minimum Code Text('텍스트 위젯',), Maximul Code Text( '텍스트 위젯', style: TextStyle( fontSize: 35, // 폰트 크기 fontWeight: FontWeight.bold, // 폰트 두께 color: Colors.amber, // 폰트 색상 ), ), Reference 링크링크

글자넣는 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..

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)..

상중하로 나눠주는 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..