Flutter 在同一页面显示List和Grid
2023-09-14 08:58:44 时间
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: HomePage(),
);
}
}
class HomePage extends StatefulWidget {
@override
_HomePageState createState() => _HomePageState();
}
class _HomePageState extends State<HomePage> {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Home Page'),
),
body: ListView(
children: <Widget>[
ListTile(
title: Text('data'),
),
ListTile(
title: Text('data'),
),
GridView.count(
primary:
false, // https://api.flutter.dev/flutter/widgets/ScrollView/primary.html
shrinkWrap: true, // 限制约束 https://api.flutter.dev/flutter/widgets/ScrollView/shrinkWrap.html
crossAxisCount: 3,
children: List<Widget>.generate(
7,
(_) => Container(
color: Colors.red,
margin: const EdgeInsets.all(8),
)),
),
ListTile(
title: Text('data'),
),
ListTile(
title: Text('data'),
),
],
),
);
}
}
or use CustomScrollView
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(home: HomePage());
}
}
class HomePage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Home Page'),
),
body: CustomScrollView(
slivers: <Widget>[
SliverList(
delegate: SliverChildListDelegate([
ListTile(title: Text("data")),
ListTile(title: Text("data")),
])),
SliverGrid.count(
crossAxisCount: 3,
children: List<Widget>.generate(
7,
(_) => Container(
color: Colors.red,
margin: const EdgeInsets.all(8),
),
),
),
SliverList(
delegate: SliverChildListDelegate([
ListTile(title: Text("data")),
ListTile(title: Text("data")),
])),
],
),
);
}
}
相关文章
- Map集合和List集合总结
- dropdown和dropdownlist_list的clear方法
- java list 转json 字符串_Java之JSON字符串与List集合之间相互转换
- 【错误记录】Flutter 设备连接显示 Loading... ( 断网 | 删除 flutter/bin/cache/lockfile 文件 )
- 【错误记录】Flutter 报错 ( Could not read script ‘xxxflutter_toolsgradleapp_plugin_loader.gradle‘ )
- 【Flutter】ListView 列表 ( List 集合的 map 方法说明 | 垂直列表 | 水平列表 | 代码示例 )
- ORA-01470: In-list iteration does not support mixed operators ORACLE 报错 故障修复 远程处理
- ORA-29346: invalid tablespace list ORACLE 报错 故障修复 远程处理
- ORA-29879: cannot create multiple domain indexes on a column list using same indextype ORACLE 报错 故障修复 远程处理
- ORA-30363: columns in a dimension column list must be in the same relation ORACLE 报错 故障修复 远程处理
- ORA-02831: Segment deallocation failed – empty segment list ORACLE 报错 故障修复 远程处理
- Redis List列表的详细介绍
- MySQL Status Mysqlx_stmt_list_objects 数据库状态作用意思及如何正确
- java8 list和map的forEach详解编程语言
- 创建list ALV tree[RS_TREE_LIST_DISPLAY]详解编程语言
- Hibernate Criteria接口 list方法:返回一个List集合
- 利用Redis构建新的List存储方式(redis存储list)
- 结构使用Redis List结构实现快速操作(redis中list)
- 类型探索Redis中List数据结构的优势(redis中的list)
- 使用Redis在List中存储数据(redis存入list)
- Mysql实现List存储的技巧(mysql存储list)
- 利用Redis List获取长度的方法(redislist长度)
- 以List形式存储至Redis中(往redis里存list)
- 简单快速修改Redis List技巧(修改redis的list)
- 实现使用List实现Redis队列(redis队列用list)
- Redis List实现的双向链表功能(redis里面的list)
- Redis灵活的List储存功能(redis能储存list)
- 在JSTLEL中处理java.util.Map,及嵌套List的情况
- velocity显示List与Map的方法详细解析
- python里将list中元素依次向前移动一位