LimitedBox限定宽高布局

最新推荐文章于 2024-05-27 23:39:10 发布

Android-Sky

最新推荐文章于 2024-05-27 23:39:10 发布

阅读量242

点赞数

分类专栏： flutter使用记录

本文链接：https://blog.csdn.net/u013297881/article/details/109156527

版权

flutter使用记录专栏收录该内容

112 篇文章 5 订阅

订阅专栏

此控件方法可以控制布局最多显示多宽多高例如listview展示问题

import 'package:flutter/material.dart';
class LayoutDemo extends StatelessWidget {
@override
Widget build(BuildContext context) {
    return new Scaffold(
        appBar: new AppBar(
          title: new Text('LimitedBox限定宽高布局示例'),
        ),
        body: Row(
          children: [
            Container(
              color: Colors.grey,
              width: 100.0,
            ),
            LimitedBox(
              maxWidth: 150.0,//设置最大宽度限定child在此范围内
              child: Container(
                color: Colors.lightGreen,
                width: 250.0,
              ),
            ),
          ],

        )
    );
}
}
void main() {
runApp(
    new MaterialApp(
      title: 'LimitedBox限定宽高布局示例',
      home: new LayoutDemo(),
    ),
);
}