如何将徽标放高一点并在其上方添加文字

Question

我是颤动世界的新手。我正在尝试将此徽标稍微向上放置并在其上方添加文字。

我发现我需要 Stack 和 Positioned 小部件来定位我的徽标，并确保我可以使用 top: 20, bottom: 20 等来定位此徽标，但后来我想，我是以一定的高度和宽度将它与我的模拟器定位，具有其他分辨率的设备呢？我猜它应该是动态的？

你能告诉我如何实现吗？它应该是这样的：

现在的样子（不要介意这个标志，这只是一个例子）

还有我的另一个问题。如何在此徽标上方添加一些文字？

我写的代码：

import 'package:flutter/material.dart';

void main() {
  runApp(
    MaterialApp(
      home: Scaffold(
        backgroundColor: const Color(0xFEC2C2C2),
        body: Stack(
          children: <Widget>[
            Positioned.fill(
              child: Image(
                image: AssetImage('assets/images/logo.png'),
              ),
            ),
          ],
        ),
      ),
    ),
  );
}

Answer 1

试试这个代码

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Container(
        padding: EdgeInsets.all(50.0),
        width: MediaQuery.of(context).size.width,
        height: MediaQuery.of(context).size.height,
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.center,
          children: [
            Text('This is My Brand Name',
                style: Theme.of(context).textTheme.headline5),
            SizedBox(
              height: 20.0,
            ),
            FlutterLogo(
              size: 150,
            )
          ],
        ),
      ),
    );
  }
}

演示：https://i.stack.imgur.com/FTPqh.jpg

如何将徽标放高一点并在其上方添加文字

How to put logo a little bit higher and add text above it

widget

flutter