mirror of
https://github.com/alibaba/flutter-go.git
synced 2025-06-01 23:43:54 +08:00
90 lines
2.7 KiB
Dart
90 lines
2.7 KiB
Dart
/*
|
||
* @Author: xiaojia.dxj
|
||
* @Date: 2019-01-08 15:56:31
|
||
* @Last Modified by: xiaojia.dxj
|
||
* @Last Modified time: 2019-01-08 15:56:31
|
||
*/
|
||
import 'package:flutter/material.dart';
|
||
import '../../../../../common/widget_demo.dart';
|
||
import './demo.dart' as overflowBox;
|
||
|
||
const String Text0 = """### **OverflowBox简介**
|
||
> 它对子进程施加的约束不同于从其父进程获得的约束，可能允许子进程溢出父进程.
|
||
- 当OverflowBox的最大尺寸大于child的时候，child可以完整显示，当其小于child的时候，则以最大尺寸为基准，当然，这个尺寸都是可以突破父节点的
|
||
""";
|
||
|
||
const String Text1 = """
|
||
### **基本用法**
|
||
> OverflowBox设置最大/最小尺寸
|
||
- SizedOverflowBox，一个特定大小的小部件，但将其原始约束传递给它的子节点，然后可能会溢出。
|
||
- ConstrainedBox，一个对其子项施加额外约束的小部件。
|
||
- UnconstrainedBox，一个试图让它的child在没有约束的情况下绘制的容器。
|
||
- SizedBox，一个具有指定大小的盒子。
|
||
""";
|
||
|
||
class Demo extends StatefulWidget {
|
||
static const String routeName = '/element/Frame/Box/OverflowBox';
|
||
|
||
_DemoState createState() => _DemoState();
|
||
}
|
||
|
||
class _DemoState extends State<Demo> {
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return WidgetDemo(
|
||
title: 'OverflowBox',
|
||
codeUrl: 'elements/Frame/Box/OverflowBox/demo.dart',
|
||
docUrl: 'https://docs.flutter.io/flutter/widgets/OverflowBox-class.html',
|
||
contentList: [
|
||
Text0,
|
||
Text1,
|
||
_overflowBoxCreate(),
|
||
],
|
||
);
|
||
}
|
||
|
||
Row _overflowBoxCreate() {
|
||
return Row(
|
||
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
|
||
children: <Widget>[
|
||
Container(
|
||
width: 100.0,
|
||
height: 100.0,
|
||
color: Colors.yellow,
|
||
child: overflowBox.OverflowBoxDefault(
|
||
curmaxHeight: 50.0,
|
||
curmaxWidth: 50.0,
|
||
curHeight: 100.0,
|
||
curWidth: 100.0,
|
||
curalignment: Alignment.center,
|
||
),
|
||
),
|
||
Container(
|
||
width: 100.0,
|
||
height: 100.0,
|
||
color: Colors.yellow,
|
||
child: overflowBox.OverflowBoxDefault(
|
||
curmaxHeight: 150.0,
|
||
curmaxWidth: 150.0,
|
||
curHeight: 50.0,
|
||
curWidth: 50.0,
|
||
curalignment: Alignment.bottomLeft,
|
||
),
|
||
),
|
||
Container(
|
||
width: 100.0,
|
||
height: 100.0,
|
||
color: Colors.yellow,
|
||
child: overflowBox.OverflowBoxDefault(
|
||
curmaxHeight: 150.0,
|
||
curmaxWidth: 150.0,
|
||
curHeight: 40.0,
|
||
curWidth: 40.0,
|
||
curalignment: Alignment.topRight,
|
||
),
|
||
),
|
||
],
|
||
);
|
||
}
|
||
}
|