Question

我的Image.asset文件不显示我的图像，但是其他小部件显示文本，卡片等

资产： -images / internet_image.jpg

class SplashScreen extends StatefulWidget{
  @override
  _SplashScreenState createState() => 
_SplashScreenState();
}

class _SplashScreenState extends State<SplashScreen>{
  @override
  Widget build(BuildContext context) {

    return Scaffold(
      backgroundColor: Colors.white,
      body: Stack(
        children: <Widget>[
          Column(
            children: <Widget>[
              Image.asset(
                'images/internet_image.jpg',
                width: MediaQuery.of(context).size.width,
                height: MediaQuery.of(context).size.height * 1/4,
                fit: BoxFit.fitWidth,
              ),
            ],
          ),
        ],
      ),
    );
  }
}

Answer 1

资产：-images / downloaded_image.jpg

和引用的资产应相同：

Image.asset('images/downloaded_image.jpg'),

在代码中，您引用的资产名为 images / internet_image.jpg

Answer 2

额外的小部件层可能类似于下面的代码，因此Scaffold不必现场调用上下文。

class SplashScreen extends StatefulWidget{
  @override
  _SplashScreenState createState() =>
      _SplashScreenState();
}

class _SplashScreenState extends State<SplashScreen>{
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.white,
      body: SplashScreenStack(),
    );
  }
}

class SplashScreenStack extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Stack(
      children: <Widget>[
        Column(
          children: <Widget>[
            Image.asset(
              'images/internet_image.jpg',
              width: MediaQuery.of(context).size.width,
              height: MediaQuery.of(context).size.height * 1/4,
              fit: BoxFit.fitWidth,
            ),
          ],
        ),
      ],
    );
  }
}

Answer 3

非常感谢大家的回答。提供的所有解决方案肯定可以解决该问题，我决定通过pubspec.yaml以正常方式上传我的启动屏幕，而不是尝试创建启动屏幕页面。

图像未在Flutter Splash Screen页面中显示

3 个答案: