[Flutter] 이쁜 모달입력폼

제리·2022년 1월 2일
0
SizedBox(
      width: 260,
      child: Dialog(
        insetPadding: EdgeInsets.all(0),
        shape: RoundedRectangleBorder(
            borderRadius: BorderRadius.circular(15)
        ),
        child: SizedBox(
            width: 260,
            height: 244,
            child: Column(
              children: [
                Container(
                    width: double.infinity,
                    decoration: BoxDecoration(
                        border: Border(
                            bottom: BorderSide(
                                width: 1,
                                color: Color(0xffcccccc)
                            )
                        )
                    ),
                    padding: EdgeInsets.only(top:17,bottom: 17),
                    child: Center(child: Text('나이',style: TextStyle(fontSize: 15,fontWeight: FontWeight.w500),))
                ),
                Container(
                  width: 199,
                  height: 116,
                ),
                Row(
                  mainAxisSize: MainAxisSize.max,
                  children: [
                    GestureDetector(
                      onTap: (){
                        Navigator.pop(context);
                      },
                      child: Container(
                          width: 140,
                          height: 50,
                          margin: EdgeInsets.only(top: 25),
                          decoration: BoxDecoration(
                              border: Border(
                                  right: BorderSide(
                                      width: 1,
                                      color: Color(0xffcccccc)
                                  ),
                                  top: BorderSide(
                                      width: 1,
                                      color: Color(0xffcccccc)
                                  )
                              )
                          ),
                          child: Center(child: Text('취소',style: TextStyle(fontSize: 13,fontWeight: FontWeight.w500,color: Color(0xffcccccc)),))
                      ),
                    ),
                    GestureDetector(
                      onTap: (){
                        Navigator.pop(context);
                        showDialog(context: context, builder: (c)=>Dialog2());
                        //db 성별 저장
                      },
                      child: Container(
                          width: 140,
                          height: 50,
                          margin: EdgeInsets.only(top: 25),
                          decoration: BoxDecoration(
                              border: Border(
                                  top: BorderSide(
                                      width: 1,
                                      color: Color(0xffcccccc)
                                  )
                              )
                          ),
                          child: Center(child: Text('확인',style: TextStyle(fontSize: 13,fontWeight: FontWeight.w500,color: Color(0xffc09bf4)),))
                      ),
                    ),
                  ],
                ),
              ],
            )
        ),
      ),
    )
profile
iOS 준비중

0개의 댓글