0 

class Page1 extends StatefulWidget {
  Page1({Key key, this.title}) : super(key: key);
  final String title;

  @override
  _Page1State createState() => _Page1State();
}

class _Page1State extends State<Page1> {
  @override
  Widget build(BuildContext context) {
    
    var dateSection =
        Row(crossAxisAlignment: CrossAxisAlignment.start, children: <Widget>[
      Text("날짜"),
      Padding(
        padding: EdgeInsets.all(10),
      ),
      Padding(
        padding: EdgeInsets.all(20),
      )
    ]);
    var placeSection =
        Row(crossAxisAlignment: CrossAxisAlignment.start, children: <Widget>[
      Text("도시락,식당"),
      Padding(
        padding: EdgeInsets.all(10),
      ),
    ]);

    var morningASection = Column(
        crossAxisAlignment: CrossAxisAlignment.center,
        mainAxisAlignment: MainAxisAlignment.center,
        children: <Widget>[
          Text('조식A',style: TextStyle(fontSize:30,fontWeight: FontWeight.bold),),
          Padding(padding: EdgeInsets.all(10),),
          Column(
            crossAxisAlignment: CrossAxisAlignment.center,
            mainAxisAlignment: MainAxisAlignment.center,
            children: <Widget>[
              Text('현미밥',style: TextStyle(
                fontSize: 20,
              ),),
              Text('쌀밥',style: TextStyle(
              fontSize: 20,
    ),),
              Text('누룽',style: TextStyle(
                fontSize: 20,
              ),),
              Text('나주곰탕*다데',style: TextStyle(
                fontSize: 20,
              ),),
              Text('해물완자채소조림 ',style: TextStyle(
                fontSize: 20,
              ),),
              Text('맛살계란찜 ',style: TextStyle(
                fontSize: 20,
              ),),
              Text('양파돈채볶음 ',style: TextStyle(
                fontSize: 20,
              ),),
              Text('깐마늘무침 ',style: TextStyle(
                fontSize: 20,
              ),),
              Text('깍두기 ',style: TextStyle(
                fontSize: 20,
              ),),
              Text('바나나슬라이스',style: TextStyle(
                fontSize: 20,
              ),),

            ],
          )
          ,Padding(
            padding: EdgeInsets.all(10),
          ),


          ],);

    var underLine = Container(
         margin: const EdgeInsets.only(left:70,right: 70),
        child: Divider(
          color: Colors.black,
          height: 46,
        ));
    var morningBSection = Column(
      crossAxisAlignment: CrossAxisAlignment.center,
      mainAxisAlignment: MainAxisAlignment.center,
      children: <Widget>[
        Text('조식B',style: TextStyle(fontSize:30,fontWeight: FontWeight.bold),),
        Padding(padding: EdgeInsets.all(10),),
        Column(
          crossAxisAlignment: CrossAxisAlignment.center,
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text('현미밥',style: TextStyle(
              fontSize: 20,
            ),),
            Text('쌀밥',style: TextStyle(
              fontSize: 20,
            ),),
            Text('누룽',style: TextStyle(
              fontSize: 20,
            ),),
            Text('나주곰탕*다데',style: TextStyle(
              fontSize: 20,
            ),),
            Text('해물완자채소조림 ',style: TextStyle(
              fontSize: 20,
            ),),
            Text('맛살계란찜 ',style: TextStyle(
              fontSize: 20,
            ),),
            Text('양파돈채볶음 ',style: TextStyle(
              fontSize: 20,
            ),),
            Text('깐마늘무침 ',style: TextStyle(
              fontSize: 20,
            ),),
            Text('깍두기 ',style: TextStyle(
              fontSize: 20,
            ),),
            Text('바나나슬라이스',style: TextStyle(
              fontSize: 20,
            ),),

          ],
        )
        ,Padding(
          padding: EdgeInsets.all(10),
        ),


      ],);

    var EasyfoodSection =Column(
      crossAxisAlignment: CrossAxisAlignment.center,
      mainAxisAlignment: MainAxisAlignment.center,
      children: <Widget>[
        Text('간편식',style: TextStyle(fontSize:30,fontWeight: FontWeight.bold),),
        Padding(padding: EdgeInsets.all(10),),
        Column(
          crossAxisAlignment: CrossAxisAlignment.center,
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text('현미밥',style: TextStyle(
              fontSize: 20,
            ),),
            Text('쌀밥',style: TextStyle(
              fontSize: 20,
            ),),
            Text('누룽',style: TextStyle(
              fontSize: 20,
            ),),
            Text('나주곰탕*다데',style: TextStyle(
              fontSize: 20,
            ),),
                      ],
        )
        ,Padding(
          padding: EdgeInsets.all(10),
        ),


      ],);

    var NexticonSection = Row();
    var IconSection = Row();
    return MaterialApp(
        title: 'Food List1',
        theme: ThemeData(
          primarySwatch: Colors.blue,
        ),
        home: Scaffold(
          appBar: AppBar(
            title: Text('식당'),
            leading: Icon(Icons.list),
          ),
          body: Column(children: <Widget>[
            dateSection,
            placeSection,
            morningASection,
            underLine,
            morningBSection,
            EasyfoodSection,
            NexticonSection,
            IconSection,
          ]),
        ));
  }
}

我想将此页面应用为列表视图，但我不知道如何应用它。

当我搜索时它会出现，但我不知道将代码放在哪里。

现在屏幕上满是文字，所以我看不到任何其他文字。我希望我可以上下滚动。如果您能告诉我应用的代码，我将不胜感激。如果很难，我也想要一个小提示

4

2 回答 2

2

您可以尝试使用 SingleChildScrollView 包裹您的 Scaffold 主体。

于 2020-03-09T10:42:51.087 回答
0

在 Flutter 中搜索 SingleCHildScrollView、ListView、Sliver 有很多可滚动的小部件，如果你想在无聊的节目中有一个关于 Flutter 频道的视频教程。如何添加它们 将您的应用程序想象成树首先应该是材料应用程序，然后是脚手架以提供一般背景颜色、应用程序栏、底部栏等。然后根据您的需要放置滚动小部件

于 2020-03-09T10:51:23.447 回答