Flutter 如何使列表视图生成器的大小最小化 我在一个灵活的小部件中使用列表视图生成器,该小部件带有fit:FlexFit.loose,但它占用了下面的所有可用空间,我的要求是,如果项目较少,列表视图生成器需要占用最小空间(所需空间) 我尝试了以下代码
代码:Flutter 如何使列表视图生成器的大小最小化 我在一个灵活的小部件中使用列表视图生成器,该小部件带有fit:FlexFit.loose,但它占用了下面的所有可用空间,我的要求是,如果项目较少,列表视图生成器需要占用最小空间(所需空间) 我尝试了以下代码,flutter,dart,Flutter,Dart,代码: import 'package:flutter/material.dart'; import 'dart:math'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { Random random = new Random(); @override Widget build(BuildContext context) { return MaterialApp(
import 'package:flutter/material.dart';
import 'dart:math';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
Random random = new Random();
@override
Widget build(BuildContext context) {
return MaterialApp(
debugShowCheckedModeBanner: false,
home: Scaffold(
body: Center(
child: Column(children: [
Padding(
padding: EdgeInsets.all(15.0),
child:
Text('List View Builder', style: TextStyle(fontSize: 20))),
Flexible(
fit: FlexFit.loose,
child: ListView.builder(
itemBuilder: (BuildContext context, int index) {
return Container(
color: Color(random.nextInt(0xffffffff)), height: 30);
},
itemCount: 3,
)),
Padding(
padding: EdgeInsets.all(15.0),
child: RaisedButton(
onPressed: () {},
child:
Text('Collected Amount', style: TextStyle(fontSize: 20))),
)
]),
),
),
);
}
}
我为此找到了一个解决方案,在列表视图生成器中使用包覆面收缩:true,它将使列表视图生成器达到最小大小
ListView.builder(
shrinkWrap: true,
itemBuilder: (BuildContext context, int index) {
return requiredWidget;
}