包络处理特性在扑动中有什么作用？ [英] What does the shrinkWrap property do in Flutter?

问题描述

我还是个初学者，非常想学习这项技术。我无法理解ListView中shrinkWrap属性的工作原理。我听不懂Flutter documentation。

推荐答案

通常aListView(以及GridView、PageView和CustomScrollView)尝试填充父元素提供的所有可用空间，即使列表项需要较少的空间也是如此。

使用shrinkWrap: 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')),
              ],
            ),
          ),
        ),
      ),
    );
  }
}

WITHshrinkWrap: false：

WITHshrinkWrap: true：

您可以在AlertDialog中使用此选项：当只有几个项目时，请使对话框尽可能小。当项目较多时，填满屏幕高度并使列表可滚动：

这篇关于包络处理特性在扑动中有什么作用？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！