小编Fat*_*oni的帖子

在项目中，我在 flutter 卡片中使用了图像和文本，但卡片返回了一个固定的高度。然后我也尝试只使用带有空值的卡片，但它仍然返回一个固定的高度。我该怎么做才能使卡片的高度随内容自动调整？

    @覆盖
    小部件构建（BuildContext 上下文）{
    final title = '食物食谱';
    返回 MaterialApp(
      标题：标题，
      主页: 脚手架(
        应用栏：应用栏（
          标题：文本（标题），
        ),
        正文：GridView.builder(
            itemCount: _listViewData.length,
            网格委托：
                SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount: 2),
            itemBuilder：（上下文，索引）{
              退货卡(
                边距：const EdgeInsets.all(10.0),
                孩子：列（
                  crossAxisAlignment: CrossAxisAlignment.start,
                  孩子们： [
                    纵横比(
                      纵横比：18.0 / 13.0，
                      孩子：Image.network（
                        _listViewDataImage[索引],
                        适合：BoxFit.fill，
                      ),
                    ),
                    填充（
                      填充：EdgeInsets.fromLTRB(16.0, 12.0, 16.0, 8.0),
                      孩子：列（
                        crossAxisAlignment: CrossAxisAlignment.start,
                        孩子们： [
                          文本（
                            _listViewData[索引]，
                            textAlign: TextAlign.center,
                          ),
                        ],
                      ),
                    ),
                  ],
                ),
              );
            }),
      ),
    );
  }

安装 vue-meta 后，我的浏览器控制台出现错误。

为什么会出现这个错误？是我的代码造成的还是bug？我正在使用vue-meta@2.4.0Vue 3。

main.js

createApp(App)
  .use(router)
  .use(VueMeta)
  .mount("#app");

应用程序.vue

<template>
  <div>
    <router-view></router-view>
  </div>
</template>

<script>
import Header from "./components/Header.vue";

export default {
  components: {
    "app-header": Header,
  },
};
</script>

首页.vue

export default {
  name: "Home",
  metaInfo() {
    return {
      title: "test meta data with vue",
      meta: [
        {
          vmid: "description",
          name: "description",
          content:
            "hello world, this is an example of adding a description with vueMeta",
        },
      ],
    };
  },
};

在主页中，我根据导航栏选项将小部件调用到我的主体 main.dart，在主页中它有一个图像列表，如果我单击其中一个图像，它会向我显示详细信息。问题是详细信息页面中的导航栏仍然显示。如何隐藏导航栏？

Main.dart

class MyApp extends StatefulWidget {
  @override
  _NavState createState() => _NavState();
}

class _NavState extends State {
  int _selectedIndex = 0;

  final _widgetOptions = [
    Breakfast(),
    Desert(),
  ];

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: _widgetOptions.elementAt(_selectedIndex),
      bottomNavigationBar: Container(
        color: Colors.grey[100],
        child: DefaultTabController(
          length: 2,
          child: TabBar(
            indicatorColor: Colors.grey,
            labelColor: Colors.blueAccent,
            unselectedLabelColor: Colors.grey,
            onTap: _onItemTapped,
            tabs: [
              Tab(
                text: 'Breakfast',
              ),
              Tab(
                text: 'Dessert',
              ),
            ],
          ),
        ),
      ),
    );
  }

  void _onItemTapped(int index) {
    setState(() {
      _selectedIndex …