如何在顫振中創建帶有影像引數的自定義對話

我正在嘗試創建一個自定義對話框，在其中傳遞標題、文本和影像引數，當我呼叫對話框時，它不顯示影像，這是代碼

這是對話框的代碼。

class LoginSucessDailog extends StatefulWidget {
  final String title, text;
  final Image img;
  
  
  
  
 const LoginSucessDailog({ required this.title, required this.text,required this.img });
  @override
  _LoginSucessDailogState createState() => _LoginSucessDailogState();
}

class _LoginSucessDailogState extends State<LoginSucessDailog> {

  @override
  Widget build(BuildContext context) {
    return Dialog(
      shape: RoundedRectangleBorder(
        borderRadius: BorderRadius.circular(Constants.padding),
      ),
      elevation: 0,
      backgroundColor: Colors.transparent,
      child: contentBox(context),
    );
  }


contentBox(context) {
    return Stack(
      children: <Widget>[
        Container(
         
          child: Column(
            mainAxisSize: MainAxisSize.min,
            children: <Widget>[
             
              Image.asset(
                widget.img.toString(),
                width: 100,
              ),
              
              Text(
                widget.title,
                style:GoogleFonts.montserrat(fontSize: 22, fontWeight: FontWeight.w600),
              ),
             
              Padding(
                padding: const EdgeInsets.only(left: 20, right: 20),
                child: RichText(
                  textAlign: TextAlign.center,
                  text: TextSpan(
                    style: TextStyle(
                      color: Colors.black,
                    ),
                    children: <TextSpan>[
                      TextSpan(
                          text:widget.text,
                          style: GoogleFonts.montserrat(fontSize: 16, color: Colors.grey)),
                      
                    ],
                  ),
                ),
              ),
              SizedBox50(),
              okay()
            ],
          ),
        ),
      ],
    );
  }
}

我是這樣稱呼它的

 showDialog(
              context: context,
              builder: (BuildContext context) {
                return LoginSucessDailog( text: 'Phone number doesnt exists!',
               title: 'Error',
               img:Image.asset("assets/img/alert.png"));
              });

但它給我發送了這個錯誤

Unable to load asset: Image(image: AssetImage(bundle: null, name: "assets/img/alert.png"), frameBuilder: null, loadingBuilder: null, alignment: Alignment.center, this.excludeFromSemantics: false, filterQuality: low)

widget.img.toString(), 如果我沒有將它轉換為字串，那么它會給我這個錯誤

The argument type 'Image' can't be assigned to the parameter type 'String'.

請幫助如何解決它。

uj5u.com熱心網友回復：

我更改了傳遞的值并調整了建構式對話框。

 showDialog(
              context: context,
              builder: (BuildContext context) {
                return LoginSucessDailog( text: 'Phone number doesnt exists!',
               title: 'Error',
               img:'assets/img/alert.png');
              });

class LoginSucessDailog extends StatefulWidget {
  final String title, text, img;
  
 const LoginSucessDailog({ required this.title, required this.text,required this.img });
  @override
  _LoginSucessDailogState createState() => _LoginSucessDailogState();
}

class _LoginSucessDailogState extends State<LoginSucessDailog> {

  @override
  Widget build(BuildContext context) {
    return Dialog(
      shape: RoundedRectangleBorder(
        borderRadius: BorderRadius.circular(Constants.padding),
      ),
      elevation: 0,
      backgroundColor: Colors.transparent,
      child: contentBox(context),
    );
  }


contentBox(context) {
    return Stack(
      children: <Widget>[
        Container(
         
          child: Column(
            mainAxisSize: MainAxisSize.min,
            children: <Widget>[
             
              Image.asset(
                widget.img,
                width: 100,
              ),
              
              Text(
                widget.title,
                style:GoogleFonts.montserrat(fontSize: 22, fontWeight: FontWeight.w600),
              ),
             
              Padding(
                padding: const EdgeInsets.only(left: 20, right: 20),
                child: RichText(
                  textAlign: TextAlign.center,
                  text: TextSpan(
                    style: TextStyle(
                      color: Colors.black,
                    ),
                    children: <TextSpan>[
                      TextSpan(
                          text:widget.text,
                          style: GoogleFonts.montserrat(fontSize: 16, color: Colors.grey)),
                      
                    ],
                  ),
                ),
              ),
              SizedBox50(),
              okay()
            ],
          ),
        ),
      ],
    );
  }
}

標籤：图片 扑 对话

上一篇：如何更改導航器？

下一篇：如何在設備方向中出現錯誤？