翩翩：灵活的小部件根本无法使用。

Question

这是代码，除了Flexible widget，一切都能正常工作。

这个Flexible的代码不能像预期的那样工作。我找不到解决方法。不知道是不是做错了。

   Column(
          children: <Widget>[
            Flexible(
              flex: 1,
              child: Hero(
                tag: 'title',
                child: Image.asset(
                  'assets/png/ClassAlerts.png',
                  width: 250,
                ),
              ),
            ),

            Flexible(
              flex: 3,
              child: Image.asset(
                'assets/png/mobile_application.png',
                width: 350,
              ),
            ),

           // More elements are there but I had to remove them
           // because got an error saying most part of this post was code.
          ],
        ),

輸出

Answer 1

你还没有明确你想要什么样的布局。如果你想让它在屏幕上居中，那么只需在屏幕上添加

Column(mainAxisAlignment: MainAxisAlignment.center,......)

对于元素之间的空格，你可以把

SizedBox(height: x)

这将创建一个空框，为元素

Answer 2

可能是你的图片有问题。

试试这个，它对占位符有效

@override
  Widget build(BuildContext context) {
    return Column(
      children: <Widget>[
        // ClassAlert Title
        Flexible(
          flex: 1,
          child: Hero(tag: 'title', child: Placeholder()),
        ),

        // Page Image
        Flexible(
          flex: 3,
          child: Placeholder(),
        ),
      ],
    );
  }