flutter - Flutter 中的 shrinkWrap 属性有什么作用？

Question

我是 Flutter 的新手，非常渴望学习这项技术。我无法理解 ListView 中 shr​​inkWrap 属性的工作。我无法理解 Flutter documentation .

Answer 1

通常一个 ListView(以及 GridView、PageView 和 CustomScrollView)试图填充所有可用的父元素给定的空间，即使列表项需要更少的空间。

使用 shr​​inkWrap: true，您可以更改此行为，以便 ListView 只占用它需要的空间(当有更多项目时它仍然会滚动)。

看看这个例子:

import 'package:flutter/material.dart';

void main() => runApp(App());

class App extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(),
        body: Center(
          child: Container(
            margin: EdgeInsets.all(32),
            decoration: BoxDecoration(border: Border.all(color: Colors.red)),
            child: ListView(
              shrinkWrap: false,
              children: <Widget>[
                ListTile(title: Text('Item 1')),
                ListTile(title: Text('Item 2')),
                ListTile(title: Text('Item 3')),
              ],
            ),
          ),
        ),
      ),
    );
  }
}

使用 shr​​inkWrap: false:

使用 shr​​inkWrap: true:

您可以在 AlertDialogs 中使用它:当只有几个项目时，使对话框尽可能小。当项目很多时，填充屏幕高度并使列表可滚动: