Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/flutter/9.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Flutter 如何使列表视图生成器的大小最小化 我在一个灵活的小部件中使用列表视图生成器,该小部件带有fit:FlexFit.loose,但它占用了下面的所有可用空间,我的要求是,如果项目较少,列表视图生成器需要占用最小空间(所需空间) 我尝试了以下代码_Flutter_Dart - Fatal编程技术网

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;
          }