mirror of
https://github.com/alibaba/flutter-go.git
synced 2025-05-20 22:36:34 +08:00
50 lines
1.7 KiB
Dart
50 lines
1.7 KiB
Dart
/// Author: xiaojia.dxj
|
||
/// Date: 2018/11/22
|
||
/// Email: xiaojia.dxj@alibaba-inc.com
|
||
/// LastUpdateTime: 2018/11/22
|
||
/// LastUpdateBy: xj.deng
|
||
/// Describle:Colum describe
|
||
|
||
import 'package:flutter/material.dart';
|
||
|
||
import 'package:flutter_go/components/widget_demo.dart';
|
||
import './demo.dart';
|
||
|
||
const String Text0 = """### **简介**
|
||
> 一个常用的widget，它结合了常见的绘画，定位和大小调整
|
||
- 该容器首先让child填充绘制，然后再将其他的约束应用于填充范围。
|
||
- 在绘画过程中，容器先应用给定的转换，再绘制装饰以填充的范围，然后绘制child，最后绘制前景，同时填充需要填充的范围
|
||
- 没有child的容器将尽可能的大，除非传入的约束是无限制的。child的大小会被width，height等约束覆盖。
|
||
""";
|
||
|
||
const String Text1 = """
|
||
### **基本用法**
|
||
> Container 可以结合多种其他widget，每个widget都有自己的布局行为，因此Container的布局行为有点复杂。
|
||
- 简单说，就是如果窗口小部件没有子窗口，没有height，没有width，没有约束，并且父窗口提供无限制约束，则Container会尝试尽可能小。
|
||
""";
|
||
|
||
class Demo extends StatefulWidget {
|
||
static const String routeName = '/element/Frame/Layout/Container';
|
||
|
||
@override
|
||
State<StatefulWidget> createState() => _DemoState();
|
||
}
|
||
|
||
class _DemoState extends State<Demo> {
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return WidgetDemo(
|
||
title: 'Container',
|
||
codeUrl: 'elements/Frame/Layout/Container/demo.dart',
|
||
docUrl: 'https://docs.flutter.io/flutter/widgets/Container-class.html',
|
||
contentList: [
|
||
Text0,
|
||
Text1,
|
||
ContainerDefaultA(),
|
||
ContainerDefault(),
|
||
ContainerDefaultB(),
|
||
],
|
||
);
|
||
}
|
||
}
|