Listview 我如何生成一个";“专栏列表”;飘飘然

Listview 我如何生成一个";“专栏列表”;飘飘然,listview,user-interface,flutter,generate,Listview,User Interface,Flutter,Generate,我想在Flatter中构建一个屏幕,它应该如下所示: --开始重要的部分-- 生成的列项目(包含标题和说明) 项目清单 --结束重要部分-- 如何结合以下Listview生成这些列(不应该是可滚动的)?如何生成“无Listview”-n Listview之类的小部件? 如何像构建ListView那样构建列?您的问题相当令人困惑。这就是你要找的吗 import 'package:flutter/material.dart'; main() { runApp(new MaterialAp

我想在Flatter中构建一个屏幕,它应该如下所示:

--开始重要的部分--

  • 生成的列项目(包含标题和说明)
  • 项目清单
  • --结束重要部分--

    如何结合以下Listview生成这些列(不应该是可滚动的)?如何生成“无Listview”-n Listview之类的小部件?
    如何像构建ListView那样构建列?

    您的问题相当令人困惑。这就是你要找的吗

    import 'package:flutter/material.dart';
    
    main()  {
      runApp(new MaterialApp(
        title: 'Flutter Example',
        home: new MaterialApp(
          home: new Scaffold(
            appBar: new AppBar(title: new Text("Flutter Example"),),
            body: new MyApp(),
          ),
        ),
      ));
    }
    
    class MyApp extends StatelessWidget {
    
    
      @override
      Widget build(BuildContext context) {
    
        List<ColumnItem> items = [];
    
        // creates ColumnItems to display
        for (var i = 0; i < 40; i++) {
          items.add(
            new ColumnItem(title: "This is a title", description: "Descriptions are usefull",)
          );
        }
    
        return new ListView(
          children: items,
        );
      }
    }
    
    
    
    
    class ColumnItem extends StatelessWidget {
    
      final String title;
      final String description;
    
      const ColumnItem({this.title, this.description});
    
      @override
      Widget build(BuildContext context) {
        return new Column(
          children: <Widget>[
            new Text(this.title, style: new TextStyle(fontSize: 22.0, fontWeight: FontWeight.bold),),
            new Text(this.description)
          ],
        );
      }
    }
    
    导入“包装:颤振/材料.省道”;
    main(){
    runApp(新材料)PP(
    标题:“颤振示例”,
    主页:新材料pp(
    家:新脚手架(
    appBar:new appBar(标题:新文本(“颤振示例”),
    正文:新建MyApp(),
    ),
    ),
    ));
    }
    类MyApp扩展了无状态小部件{
    @凌驾
    小部件构建(构建上下文){
    列表项=[];
    //创建要显示的列项目
    对于(变量i=0;i<40;i++){
    items.add(
    新建ColumnItem(标题:“这是一个标题”,说明:“说明有用”)
    );
    }
    返回新的ListView(
    儿童:项目,
    );
    }
    }
    类ColumnItem扩展了无状态小部件{
    最后的字符串标题;
    最终字符串描述;
    const ColumnItem({this.title,this.description});
    @凌驾
    小部件构建(构建上下文){
    返回新列(
    儿童:[
    新文本(this.title,样式:新文本样式(fontSize:22.0,fontWeight:fontWeight.bold)),
    新文本(此.description)
    ],
    );
    }
    }
    
    编辑:进一步阅读你的问题,也许这就是你想要做的

    import 'package:flutter/material.dart';
    
    main()  {
      runApp(new MaterialApp(
        title: 'Flutter Example',
        home: new MaterialApp(
          home: new Scaffold(
            appBar: new AppBar(title: new Text("Flutter Example"),),
            body: new MyApp(),
          ),
        ),
      ));
    }
    
    class MyApp extends StatelessWidget {
    
    
      @override
      Widget build(BuildContext context) {
    
        List<ColumnItem> items = [];
    
        // creates ColumnItems to display
        for (var i = 0; i < 40; i++) {
          items.add(
            new ColumnItem(title: "This is a title", description: "Descriptions are usefull",)
          );
        }
    
        return new Column(
          children: [
            new Text("Static Title", style: new TextStyle(fontSize: 30.0, fontWeight: FontWeight.bold), ),
            new Text("This is a static desctription"),
            new Divider(),
            new Expanded(
              child: new ListView(children: items) ,
            )
    
          ],
        );
      }
    }
    
    
    
    
    class ColumnItem extends StatelessWidget {
    
      final String title;
      final String description;
    
      const ColumnItem({this.title, this.description});
    
      @override
      Widget build(BuildContext context) {
        return new Column(
          children: <Widget>[
            new Text(this.title, style: new TextStyle(fontSize: 17.0, fontWeight: FontWeight.bold),),
            new Text(this.description)
          ],
        );
      }
    }
    
    导入“包装:颤振/材料.省道”;
    main(){
    runApp(新材料)PP(
    标题:“颤振示例”,
    主页:新材料pp(
    家:新脚手架(
    appBar:new appBar(标题:新文本(“颤振示例”),
    正文:新建MyApp(),
    ),
    ),
    ));
    }
    类MyApp扩展了无状态小部件{
    @凌驾
    小部件构建(构建上下文){
    列表项=[];
    //创建要显示的列项目
    对于(变量i=0;i<40;i++){
    items.add(
    新建ColumnItem(标题:“这是一个标题”,说明:“说明有用”)
    );
    }
    返回新列(
    儿童:[
    新文本(“静态标题”,样式:新文本样式(fontSize:30.0,fontWeight:fontWeight.bold),
    新文本(“这是一个静态描述”),
    新分隔符(),
    新扩展(
    子项:新列表视图(子项:项),
    )
    ],
    );
    }
    }
    类ColumnItem扩展了无状态小部件{
    最后的字符串标题;
    最终字符串描述;
    const ColumnItem({this.title,this.description});
    @凌驾
    小部件构建(构建上下文){
    返回新列(
    儿童:[
    新文本(this.title,样式:新文本样式(fontSize:17.0,fontWeight:fontWeight.bold)),
    新文本(此.description)
    ],
    );
    }
    }