Flutter 如何使用行创建列表生成器
我如何创建一个列表生成器,它将返回一行,如图中所示,或者创建一个列表生成器,它将沿水平轴运行,直到找到屏幕的末尾,然后再运行下一行Flutter 如何使用行创建列表生成器,flutter,dart,Flutter,Dart,我如何创建一个列表生成器,它将返回一行,如图中所示,或者创建一个列表生成器,它将沿水平轴运行,直到找到屏幕的末尾,然后再运行下一行 导入“包装:颤振/材料.省道”; 导入“package:flatter/widgets.dart”; void main(){ runApp(MyApp()); } 类MyApp扩展了无状态小部件{ @凌驾 小部件构建(构建上下文){ 返回材料PP( 家:脚手架( 背景颜色:Colors.teal, 正文:安全区( 孩子:排( 儿童:[ 尺寸箱(宽度:15), 纵队
导入“包装:颤振/材料.省道”;
导入“package:flatter/widgets.dart”;
void main(){
runApp(MyApp());
}
类MyApp扩展了无状态小部件{
@凌驾
小部件构建(构建上下文){
返回材料PP(
家:脚手架(
背景颜色:Colors.teal,
正文:安全区(
孩子:排(
儿童:[
尺寸箱(宽度:15),
纵队(
mainAxisAlignment:mainAxisAlignment.space,
儿童:[
卡片(
颜色:颜色,白色,
儿童:中心(
孩子:填充(
填充:所有边缘设置(75.0),
子:文本(
'1',
样式:TextStyle(字体大小:40,颜色:Colors.black),
),
),
),
),
卡片(
颜色:颜色,白色,
儿童:中心(
孩子:填充(
填充:所有边缘设置(75.0),
子:文本(
'3',
样式:TextStyle(字体大小:40,颜色:Colors.black),
),
),
),
),
卡片(
颜色:颜色,白色,
儿童:中心(
孩子:填充(
填充:所有边缘设置(75.0),
子:文本(
'5',
样式:TextStyle(字体大小:40,颜色:Colors.black),
),
),
),
),
],
),
尺寸箱(宽度:15),
纵队(
mainAxisAlignment:mainAxisAlignment.space,
儿童:[
卡片(
颜色:颜色,白色,
儿童:中心(
孩子:填充(
填充:所有边缘设置(75.0),
子:文本(
'2',
样式:TextStyle(字体大小:40,颜色:Colors.black),
),
),
),
),
卡片(
颜色:颜色,白色,
儿童:中心(
孩子:填充(
填充:所有边缘设置(75.0),
子:文本(
'4',
样式:TextStyle(字体大小:40,颜色:Colors.black),
),
),
),
),
卡片(
颜色:颜色,白色,
儿童:中心(
孩子:填充(
填充:所有边缘设置(75.0),
子:文本(
'6',
样式:TextStyle(字体大小:40,颜色:Colors.black),
),
),
),
),
],
),
],
),
)),
);
}
}
import 'package:flutter/material.dart';
import 'package:flutter/widgets.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
backgroundColor: Colors.teal,
body: SafeArea(
child: Row(
children: <Widget>[
SizedBox(width: 15),
Column(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: <Widget>[
Card(
color: Colors.white,
child: Center(
child: Padding(
padding: EdgeInsets.all(75.0),
child: Text(
'1',
style: TextStyle(fontSize: 40, color: Colors.black),
),
),
),
),
Card(
color: Colors.white,
child: Center(
child: Padding(
padding: EdgeInsets.all(75.0),
child: Text(
'3',
style: TextStyle(fontSize: 40, color: Colors.black),
),
),
),
),
Card(
color: Colors.white,
child: Center(
child: Padding(
padding: EdgeInsets.all(75.0),
child: Text(
'5',
style: TextStyle(fontSize: 40, color: Colors.black),
),
),
),
),
],
),
SizedBox(width: 15),
Column(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: <Widget>[
Card(
color: Colors.white,
child: Center(
child: Padding(
padding: EdgeInsets.all(75.0),
child: Text(
'2',
style: TextStyle(fontSize: 40, color: Colors.black),
),
),
),
),
Card(
color: Colors.white,
child: Center(
child: Padding(
padding: EdgeInsets.all(75.0),
child: Text(
'4',
style: TextStyle(fontSize: 40, color: Colors.black),
),
),
),
),
Card(
color: Colors.white,
child: Center(
child: Padding(
padding: EdgeInsets.all(75.0),
child: Text(
'6',
style: TextStyle(fontSize: 40, color: Colors.black),
),
),
),
),
],
),
],
),
)),
);
}
}