虎視眈々と

Flutter × Firebaseを研究するアプリエンジニア

Flutterで角丸ダイアログを出す

Flutterで角丸ダイアログを出す

こんなダイアログを出す方法は下記でいけました。

_showUserAlertDialog(DocumentSnapshot doc) {
    showDialog(
        context: context,
        builder: (_) {
          return AlertDialog(
            shape: const RoundedRectangleBorder(
                borderRadius: BorderRadius.all(Radius.circular(32.0))),
            contentPadding: EdgeInsets.only(top: 30.0),
            content: Container(
              width: 300,
              child: Column(
                mainAxisAlignment: MainAxisAlignment.start,
                crossAxisAlignment: CrossAxisAlignment.stretch,
                mainAxisSize: MainAxisSize.min,
                children: <Widget>[
                  Container(
                    width: 100,
                    height: 100,
                    child: CachedNetworkImage(
                      imageUrl: "url",
                    ),
                  ),
                  const SizedBox(
                    height: 30,
                  ),
                  Center(child: Text("ユーザー名")),
                  const SizedBox(
                    height: 5,
                  ),
                  RaisedButton(
                    color: Colors.blue,
                    onPressed: (){
                    },
                    child: Column(
                      children: <Widget>[
                        const Icon(MdiIcons.accountHeart, color: Colors.white,),
                        const Text("申請する", style: const TextStyle(color: Colors.white),),
                      ],
                    ),
                  ),
                ],
              ),
            ),
          );
        });
  }