Listview 我如何生成一个";“专栏列表”;飘飘然
我想在Flatter中构建一个屏幕,它应该如下所示: --开始重要的部分--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
如何像构建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)
],
);
}
}