FLUTTER：如何在启动画面中更改图像的大小？

Posted 2021-04-07

我有一个问题，我有一个带有图像和背景色的初始屏幕，但是图像渲染很小，如何更改它？

这是我的launch_background.xml：

<?xml version="1.0" encoding="utf-8"?>

<item>
    <bitmap android:gravity="center" android:src="@drawable/splash" />
</item>

如果您知道一个软件包或在Android和ios上解决它的方法，那将是完美的。 ：）

答案

我建议您使用pub.dev中提供的动画启动画面。Animated Splash我已经在我的应用程序中使用了此插件，并根据需要对其进行了自定义。在其中，您可以更改图像的大小，并且图像以飞镖笔书写，因此您也可以轻松理解它。希望对您有所帮助。

另一答案

尝试这样的事情：

Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
          child: Container(
              child: Image.asset(
                  'images/YOUR_IMAGE_URL.png',
                  height: MediaQuery.of(context).size.width / 2.5,
                  width: MediaQuery.of(context).size.width / 2.5,
              )
          ))
     );
  }

另一答案

Android从API 23开始似乎可以通过执行以下操作：

    <item
        android:gravity="center"
        android:drawable="@drawable/logo_splash"
        android:width="100dp"
        android:height="100dp">

但是我不知道在不同的分辨率和屏幕下如何播放。

如果您知道一个软件包或在Android和IOS上解决它的方法，那将是完美的。 ：）

[似乎有一个插件可以满足您的需求，而无需同时配置IOS和Android，请看一下https://github.com/henriquearthur/flutter_native_splash

编辑：根据您的问题，您正在谈论的是本机启动屏幕，而不仅仅是您应用的初始页面。