본문 바로가기

Flutter-플러터/클론코딩

todo 클론코딩

반응형

https://github.com/bahrie127/mb_todolist_app/blob/master/lib/home_page.dart

 

GitHub - bahrie127/mb_todolist_app

Contribute to bahrie127/mb_todolist_app development by creating an account on GitHub.

github.com

 


배운점 

Textfield 파라미터 

enabledBorder:  텍스트 필드의 볼더를 준다. 

  • OutlineInputBorder() : 상하좌우 테두리
  • UnderlineInputBorder() : 하단 테두리
  • InputBorder.none : 테두리 없앰.

Container 파라미터 

mainAxisSize: 

MainAxisSize.min :크기만큼 차지 

MainAxisSize.max :남은 영역을 다 사용함 

 

 


final newList = listTask.where((element)=>

element.isDone).toList(); 

 

 

Positioned : Stack 위젯 안에서만 사용할 수 있다. 위젯들의 위치를 조정 할 수 있다. 

 child: Stack(
          children: [
            Positioned(
                child: Container(
              width: size.width,
              height: size.height / 3,
              decoration: const BoxDecoration(
                borderRadius: BorderRadius.horizontal(
                  left: Radius.circular(10),
                  right: Radius.circular(10),
                ),
                gradient: LinearGradient(colors: [
                  Color(0xff8d70fe),
                  Color(0xff2da9ef),
                ], begin: Alignment.centerRight, end: Alignment.centerLeft),
              ),

 


 

floatingActionButtonLocation : Floating 버튼의 위치를 조정 할 수 있다. 

 

FloatingActionButtonLocation class - material library - Dart API (flutter.dev)

 

FloatingActionButtonLocation class - material library - Dart API

An object that defines a position for the FloatingActionButton based on the Scaffold's ScaffoldPrelayoutGeometry. Flutter provides FloatingActionButtonLocations for the common FloatingActionButton placements in Material Design applications. These locations

api.flutter.dev

 

 

 

반응형

'Flutter-플러터 > 클론코딩' 카테고리의 다른 글

todo 클론코딩  (0) 2023.02.13
클론코딩 moneytracker with Hive 1편  (0) 2023.01.18
클론코딩 Todo  (0) 2023.01.09
[클론코딩 ]todo 어플  (0) 2022.11.22
[클론코딩]레시피 계산기 -1 편 Json  (0) 2022.11.14