[Flutter] #6 Button (~10/41)

ieed0205·2020년 6월 3일
0

Flutter 알고 배우자!

목록 보기
6/10

오늘 하루엔 뭐했니?

그냥 적어봐! LEE렇게!


참고 : 제임쓰flutter 유튜브


1. UI


2. Button

버튼은 보통 네비게이션 역할이나 특수한 효과를 장식하죠!
다양한 버튼들을 소개해드리겠습니다!

  • RaisedButton
  • BackButton
  • CloseButton
  • FloatingActionButton
  • OutlineButton
  • RawMaterialButton
  • ToggleButtons
  • CupertinoButton
  • PopupMenuButton
  • DropdownButton
  • MaterialButton
  • InkWell
  • GestureDetector
  • FlatButton
  • IconButton

하단의 소스코드들을 참고해주세요 :)


3. 소스코드

// <widget>:body, <class>:Container
      // 배경
      body: SingleChildScrollView(
        child: Container(
          child: Center(
            child: Column(
              children: <Widget>[
                RaisedButton(
                  child: Text("RaisedButton"),
                  onPressed: (){},
                ),
                BackButton(),
                CloseButton(),
                FloatingActionButton(
                  child: Icon(Icons.check),
                  onPressed: (){},
                ),
                OutlineButton(
                  child: Text("OutlineButton"),
                  onPressed: (){},
                ),
                RawMaterialButton(
                  child: Text("RawMaterialButton"),
                  onPressed: (){},
                ),
                ToggleButtons(
                  children: <Widget>[
                    Icon(Icons.ac_unit),
                    Icon(Icons.call),
                    Icon(Icons.favorite),
                  ],
                  onPressed: (int index){
                    setState(() {
                      for (int buttonIndex = 0;
                      buttonIndex < isSelected.length;
                      buttonIndex++){
                        if(buttonIndex==index){
                          isSelected[buttonIndex] = true;
                          } else {
                          isSelected[buttonIndex] = false;
                          }
                        }
                      });
                    },
                  isSelected: isSelected,
                ),
                CupertinoButton(
                  child: Text("CupertinoButton"),
                  onPressed: (){},
                ),
                PopupMenuButton(
                  child: Text("POP"),
                  itemBuilder: (context) => [
                    PopupMenuItem(
                      child: Text("PopupMenuItem1"),
                      value: "PopupMenuItem",
                    ),
                    PopupMenuItem(
                      child: Text("PopupMenuItem2"),
                      value: "PopupMenuItem",
                    ),
                  ],
                ),
                DropdownButton(
                  hint: Text("DropdownButton"),
                  items: [
                    DropdownMenuItem(
                      value: 1,
                      child: Text("1"),
                    ),
                    DropdownMenuItem(
                      value: 2,
                      child: Text("2"),
                    ),
                  ],
                  onChanged: (int value){},
                ),
                MaterialButton(
                  child: Text("MaterialButton"),
                  onPressed: (){},
                ),
                InkWell(
                  child: Text("InkWell"),
                  onTap: (){},
                ),
                GestureDetector(
                  child: Text("GestureDetector"),
                  onTap: (){},
                ),
                FlatButton(
                  child: Text("FlatButton"),
                  onPressed: (){},
                ),
                IconButton(
                  icon: Icon(Icons.check_circle),
                  onPressed: (){},
                )
              ],
            ),
          ),
        ),
      ),

기억보단 기록하자! LEE'Today로!

profile
하루를 기억하고 기록하는 개발자 LEE'Today입니다.

0개의 댓글