mirror of
https://github.com/alibaba/flutter-go.git
synced 2025-05-22 07:16:26 +08:00
53 lines
1.7 KiB
Dart
53 lines
1.7 KiB
Dart
|
||
/// Author: xiaojia.dxj
|
||
/// Date: 2019-01-08 15:56:35
|
||
/// Email: xiaojia.dxj@alibaba-inc.com
|
||
/// Last Modified by: xiaojia.dxj
|
||
/// Last Modified time: 2019-01-08 15:56:35
|
||
|
||
import 'package:flutter/material.dart';
|
||
|
||
import 'package:flutter_go/components/widget_demo.dart';
|
||
import './demo.dart';
|
||
|
||
const String Text0 = """
|
||
### **LimitedBox**
|
||
> 对最大宽高进行限制的控件（前提是LimitedBox不受约束）
|
||
- 即：将child限制在指定的最大宽高中
|
||
- 这就使得child自身没有约束大小的时候具有了外部约束，依然控制了其大小
|
||
- 例如：通过给LimitedBox最大高度(maxHeight)，widget通常会调整其自身的大小去适应父窗体，但是，当放置在竖直（cloumn）列表中时，它将采用给定的高度
|
||
""";
|
||
|
||
const String Text1 = """
|
||
### **基本用法**
|
||
> widget 限制child最大宽高，如下：
|
||
- 如果LimitedBox外部宽度没有被约束，child的宽受到LimitedBox最大宽度（maxWidth）属性限制
|
||
- 同理，LimitedBox外部高度没有约束，child的高受到LimitedBox最大高度（maxHeight）属性限制
|
||
|
||
|
||
""";
|
||
|
||
class Demo extends StatefulWidget {
|
||
static const String routeName = '/element/Frame/Box/LimitedBox';
|
||
|
||
_DemoState createState() => _DemoState();
|
||
}
|
||
|
||
class _DemoState extends State<Demo> {
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return WidgetDemo(
|
||
title: 'LimitedBox',
|
||
codeUrl: 'elements/Frame/Box/LimitedBox/demo.dart',
|
||
docUrl: 'https://docs.flutter.io/flutter/widgets/LimitedBox-class.html',
|
||
contentList: [
|
||
Text0,
|
||
Text1,
|
||
LimitedBoxDemo(),
|
||
SizedBox(height: 30),
|
||
LimitedBoxColumnDemo(),
|
||
],
|
||
);
|
||
}
|
||
}
|