Listview 使用列/行小部件包装小部件后屏幕消失

当我试图将

main_screen.dart

scaffold body参数包装到column/Row小部件时，只显示应用程序栏标题。而不是脚手架的主体论点。我想在列/行视图中添加一些其他小部件，这就是为什么它对我很重要。请描述如何解决此问题。我尝试用容器包装它，然后用列/行包装，但没有效果

主飞镖

import 'package:app/main_screen.dart';
import 'package:flutter/material.dart';
main() {
  runApp(MyApp());
}
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Receipe App',
      home: MainScreen(),

    );
  }
}

主屏幕省道

    import 'package:app/detail_page.dart';
import 'package:flutter/material.dart';
import 'dummy.dart';
import 'popular_item.dart';

class MainScreen extends StatelessWidget {
  final dummyData = DUMMY_MEALS
      .map((meData) => PopularItem(meData.title, meData.id, meData.imgUrl))
      .toList();
  void selectMeal(BuildContext ctx) {
    Navigator.of(ctx).push(
      MaterialPageRoute(
        builder: (_) {
          return DetailPage();
        },
      ),
    );
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Hey Designer'),
      ),
      body: Row(
        children: <Widget>[
          DetailPage(),
        ],
      )


    );
  }
}

流行飞镖

class Popular{
 final String id;
 final String title;
 final String imgUrl;
 const Popular(
{
  this.id,
   this.imgUrl,
  this.title
}
 );
}

---

您的描述仍然不清楚，但根据您的代码，我已经在错误发生的地方做了一些更改，只需替换此代码

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Material(
      child: MaterialApp(
      title: 'Receipe App',
      home: MainScreen(),
    ),
    );
  }
}

您可能会得到所需的输出

让我知道它是否有效

//更新代码

 @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Hey Designer'),
      ),
      body:Column(
        children: <Widget>[
           Row(
        children: <Widget>[
         Container(
           width: MediaQuery.of(context).size.width*0.98,
           height: 300,
           child: DetailPage(),
         ),

        ],
      ),
      Text('Hello')
        ],
      )


    );
  }

@覆盖
小部件构建（构建上下文）{
返回脚手架(
appBar:appBar(
标题：文本（'Hey Designer'），
),
正文：专栏(
儿童：[
划船(
儿童：[
容器(
宽度：MediaQuery.of（context）.size.width*0.98，
身高：300，
子项：DetailPage（），
),
],
),
文本（“你好”）
],
)
);
}

查看我在主屏幕构建方法中添加的更新代码。

---

让我知道它是否有效，

你能提供popularitem代码以便在此处复制吗？我提供了popular_item.dart、dummy.dart和popular.dart。这不是输出结果，只有应用程序标题栏显示脚手架主体，在我用列将其包装时未显示。你在列中包装什么？我正在扭曲DetailPage（）在

主屏幕中的列或行中的小部件。dart

您添加的更新代码也不起作用@sagar Acharyach查看我上传完整项目zip文件的链接。下载后点击flatter包获取，因为我已经删除了构建文件夹，您需要再次构建它。查看链接，让我知道它是否有效。谢谢

class Popular{
 final String id;
 final String title;
 final String imgUrl;
 const Popular(
{
  this.id,
   this.imgUrl,
  this.title
}
 );
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Material(
      child: MaterialApp(
      title: 'Receipe App',
      home: MainScreen(),
    ),
    );
  }
}

 @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Hey Designer'),
      ),
      body:Column(
        children: <Widget>[
           Row(
        children: <Widget>[
         Container(
           width: MediaQuery.of(context).size.width*0.98,
           height: 300,
           child: DetailPage(),
         ),

        ],
      ),
      Text('Hello')
        ],
      )


    );
  }