将照片放在屏幕顶部

Question

我在下面附上了一张我正在尝试复制的照片。

在下面的屏幕截图中，我想将一张照片贴在屏幕顶部。我尝试了一个定位小部件，但似乎没有任何效果。

感谢任何见解。

class App extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Onboarding1',
      theme: ThemeData(
        primarySwatch: Colors.blue,
        scaffoldBackgroundColor: Colors.transparent,
        fontFamily: 'fonts/Avenir-Bold',
        visualDensity: VisualDensity.adaptivePlatformDensity,
      ),
    );
  }
}

    class Onboarding1 extends StatelessWidget {
      @override
      Widget build(BuildContext context) {
        return Stack(children: <Widget>[
          Image.asset(
            "assets/Onboarding1_Photo.png",
            height: MediaQuery.of(context).size.height,
            width: MediaQuery.of(context).size.width,
            fit: BoxFit.cover,
          )
        ]);
      }
    }

Answer 1

首先，您要设置图像的高度以填满整个屏幕。相反，您可以将其设置为填充这样的部分：

height: MediaQuery.of(context).size.height * 0.7,

我同意@Boss 的观点，因为您没有做任何需要 Stack 小部件的事情。这是一个使用简单列的示例。

class Onboarding1 extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Column(
      children: <Widget>[
        Image.asset(
          "assets/Onboarding1_Photo.png",
          height: MediaQuery.of(context).size.height * 0.7,
          width: MediaQuery.of(context).size.width,
          fit: BoxFit.cover,
        ),
        Column(
          children: [
            // smaller column with your text widgets
          ],
        )
      ],
    );
  }
}

Answer 2

我不确定能不能帮到你，但是你试过这个吗？

yourimage.VerticalAlignment = VerticalAlignment.Top;