当前位置:  开发笔记 > 编程语言 > 正文

收缩包装属性在颤动中起什么作用?

如何解决《收缩包装属性在颤动中起什么作用?》经验,为你挑选了1个好方法。

我是Flutter的新手,非常渴望学习这项技术.我无法理解列表视图中收缩包装属性的工作.我无法理解颤动的文档.有人可以帮忙吗?提前致谢.



1> boformer..:

通常a ListView(以及GridView,PageViewCustomScrollView)尝试填充父元素给出的所有可用空间,即使列表项需要较少的空间也是如此.

使用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: [
                ListTile(title: Text('Item 1')),
                ListTile(title: Text('Item 2')),
                ListTile(title: Text('Item 3')),
              ],
            ),
          ),
        ),
      ),
    );
  }
}

shrinkWrap: false:

没有shrinkWrap

shrinkWrap: true:

与shrinkWrap

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

对话

对话

推荐阅读
罗文彬2502852027
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有