• 赚钱入口【需求资源】限时招募流量主、渠道主,站长合作;【合作模式】CPS长期分成,一次推广永久有收益。主动打款,不扣量;

Flutter 中 shrinkWrap 属性

Flutter cps12345 1年前 (2020-09-23) 2894次浏览 0个评论
问题:

在 ListView 以及其他一些列表类的组件中有一个属性 shrinkWrap,该属性的功能是什么勒?

回答:

通常 ListView (GridViewPageViewCustomScrollView)都会尽可能的填充满 parent 组件给的空间大小. 而 shrinkWrap: true 则是只满足自身大小。具体说明:

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')),
              ],
            ),
          ),
        ),
      ),
    );
  }
}

在 shrinkWrap: false 的状态下:

Flutter 中 shrinkWrap 属性

在 shrinkWrap: true 的状态下:

Flutter 中 shrinkWrap 属性

喜欢 (11)

您必须 登录 才能发表评论!