为什么灵活的窗口小部件无法在Flutter中与列窗口小部件一起使用

Question

这是代码，除“灵活”小部件外，其他所有功能都可以使用...

此灵活代码无法正常工作。我找不到对此的解决方案。不知道是否以错误的方式完成了。

   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

您尚未清除所需的布局。如果您希望所有内容都位于屏幕中央，则只需添加

open(...)

在元素之间可以留出空格

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

这将创建一个空框，将元素隔开

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(),
        ),
      ],
    );
  }