一切都在显示，除了图像 Flutter答案

【问题标题】：Everything is showing except the images Flutter一切都在显示，除了图像 Flutter
【发布时间】：2021-06-15 19:48:25
【问题描述】：

所以我在颤振中添加了文件，并在 pubspec.yaml 文件中的资产下正确添加了它们，名称也是正确的，它没有给我任何错误，但图像仍然没有显示。我在其他屏幕上添加了一些其他图像，它们似乎工作得很好。 logo.png 也显示在另一个没有问题的屏幕上，但不在此屏幕上。本质上，该代码创建了两个输入字段和一个用于注册屏幕的按钮，在该按钮下方有 3 个带有 facebook 图标、google 图标和 twitter 图标的气泡。它还应该在输入字段上方显示应用徽标，但没有显示任何内容。

我想问的另一个问题是如何在这样的屏幕中将背景颜色更改为黑色？我用脚手架包裹容器吗？


class RegisterScreenMain extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Scaffold(
        body: Body(),
      ),
    );
  }
}

class Body extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    Size size = MediaQuery.of(context).size;
    return Column(children: <Widget>[
      Text(
        "Sign Up",
        style: TextStyle(fontWeight: FontWeight.bold, color: Colors.white),
      ),
      Image.asset(
        "lib/assets/images/logo.png",
        height: size.height * 0.35,
      ),
      RoundedInputField(
        hintText: "Your Email",
        onChanged: (value) {},
      ),
      RoundedPasswordField(
        onChanged: (value) {},
      ),
      roundedButton(
        text: "Register",
        press: () {
          Navigator.push(
            context,
            MaterialPageRoute(builder: (context) {
              return UserRegisterPreferences();
            }),
          );
        },
      ),
      AlreadyHaveAnAccountCheck(
        login: false,
        press: () {
          Navigator.push(
            context,
            MaterialPageRoute(builder: (context) {
              return LoginScreenMain();
            }),
          );
        },
      ),
      OrDivider(),
      Row(
        mainAxisAlignment: MainAxisAlignment.center,
        children: <Widget>[
          SocialIcon(
            iconSrc: "lib/assets/images/facebook.png",
            press: () {},
          ),
          SocialIcon(
            iconSrc: "lib/assets/images/twittter.png",
            press: () {},
          ),
          SocialIcon(
            iconSrc: "lib/assets/images/google.png",
            press: () {},
          ),
        ],
      )
    ]);
  }
}

【问题讨论】：

停止调试应用程序->运行flutter clean->运行flutter pub get->卸载应用程序->重新开始调试
谢谢！快速回复和快速修复，您度过了愉快的一天。我尝试了这些步骤，但没有卸载应用程序，现在我做到了
太棒了！感谢您的反馈
Prabhanshu Tiwari 将其发布为答案，以便我可以给你一些积分
好的，请给

标签： image flutter dart

【解决方案1】：

加载图片

停止调试应用程序->运行flutter clean->运行flutter pub get->卸载应用程序->再次开始调试

在脚手架小部件中添加以下行-

背景颜色：Colors.red，

【讨论】：

【解决方案2】：

Prabanshu 对您的问题的回答是正确的。但是对于您问题的后半部分，您询问如何将背景颜色更改为黑色，请尝试将自定义正文小部件的列包装在脚手架中。然后，您将能够更改背景颜色。这将起作用

  class RegisterScreenMain extends StatelessWidget {
      @override
      Widget build(BuildContext context) {
        return Scaffold(
          body: Scaffold(
            body: Body(),
          ),
        );
      }
    }
    
    class Body extends StatelessWidget {
      @override
      Widget build(BuildContext context) {
        Size size = MediaQuery.of(context).size;
        return Scaffold(
          body: Column(children: <Widget>[
          Text(
            "Sign Up",
            style: TextStyle(fontWeight: FontWeight.bold, color: Colors.white),
          ),
          Image.asset(
            "lib/assets/images/logo.png",
            height: size.height * 0.35,
          ),
          RoundedInputField(
            hintText: "Your Email",
            onChanged: (value) {},
          ),
          RoundedPasswordField(
            onChanged: (value) {},
          ),
          roundedButton(
            text: "Register",
            press: () {
              Navigator.push(
                context,
                MaterialPageRoute(builder: (context) {
                  return UserRegisterPreferences();
                }),
              );
            },
          ),
          AlreadyHaveAnAccountCheck(
            login: false,
            press: () {
              Navigator.push(
                context,
                MaterialPageRoute(builder: (context) {
                  return LoginScreenMain();
                }),
              );
            },
          ),
          OrDivider(),
          Row(
            mainAxisAlignment: MainAxisAlignment.center,
            children: <Widget>[
              SocialIcon(
                iconSrc: "lib/assets/images/facebook.png",
                press: () {},
              ),
              SocialIcon(
                iconSrc: "lib/assets/images/twittter.png",
                press: () {},
              ),
              SocialIcon(
                iconSrc: "lib/assets/images/google.png",
                press: () {},
              ),
            ],
          )
        ]);
      backgroundColor: Colors.black,
        )
      }
    }

【讨论】：