mirror of
https://github.com/alibaba/flutter-go.git
synced 2025-05-22 23:36:36 +08:00
d48942b55d
1.views 文件夹里面分类，页面相关文件;2.公共组件全部放在components里;3.创建resources文件夹放置资源dart文件4.修改二级菜单文字大小 BREAKING CHANGE: 重构，建议删除本地db,再编译
106 lines
2.9 KiB
Dart
106 lines
2.9 KiB
Dart
/*
|
||
* @Author: xiaojia.dxj
|
||
* @Date: 2019-01-08 15:55:31
|
||
* @Last Modified by: xiaojia.dxj
|
||
* @Last Modified time: 2019-01-08 15:55:31
|
||
*/
|
||
import 'package:flutter/material.dart';
|
||
import 'package:flutter_go/components/widget_demo.dart';
|
||
import './demo.dart' as sizeBox;
|
||
|
||
// const String _Text = """### **SizeBox简介**
|
||
// > 常用的一个控件，设置具体尺寸。
|
||
// - sizebox设置width，height时候，强制child宽高为该设置，
|
||
// - sizebox的width，heigh为null，child自身设置
|
||
// ### **属性**
|
||
// > width：宽
|
||
// > height：高
|
||
// - ex:200*50 sizebox
|
||
// """;
|
||
const String _Text0 = """### **简介**
|
||
> 一个特定大小的窗口小部件,将其原始约束传递给其子节点,可能会溢出。
|
||
### **基本用法**
|
||
> alignment：对齐
|
||
> size： 设置部件大小
|
||
- ex:为方便看效果，现设置幕布大小为(Container)200*50。图一
|
||
|
||
- ex:图一，基础上添加一个不设置size属性的SizeOverflowBox。图二
|
||
|
||
- ex:图二，添加size属性，100*20,图三
|
||
|
||
- ex:图三，添加 alignment: Alignment.center,
|
||
""";
|
||
|
||
class Demo extends StatefulWidget {
|
||
static const String routeName = '/element/Frame/Box/SizeOverflowBox';
|
||
|
||
_DemoState createState() => _DemoState();
|
||
}
|
||
|
||
class _DemoState extends State<Demo> {
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return WidgetDemo(
|
||
title: 'SizeOverflowBox',
|
||
codeUrl: 'elements/Frame/Box/SizedOverflowBox/demo.dart',
|
||
contentList: [
|
||
// _Text,
|
||
_Text0,
|
||
_sizedOverflowBoxCreate(),
|
||
],
|
||
docUrl: 'https://docs.flutter.io/flutter/widgets/SizedBox-class.html',
|
||
);
|
||
}
|
||
|
||
Column _sizedOverflowBoxCreate() {
|
||
return new Column(
|
||
children: <Widget>[
|
||
sizeBox.SizeBoxDefault(
|
||
curWidth: 200.0,
|
||
curHeight: 50.0,
|
||
),
|
||
SizedBox(height: 20.0),
|
||
Container(
|
||
margin: new EdgeInsets.only(top: 10.0),
|
||
color: Color(0xffd81b60),
|
||
width: 200.0,
|
||
height: 50.0,
|
||
),
|
||
Container(
|
||
margin: new EdgeInsets.only(top: 10.0),
|
||
color: Color(0xffd81b60),
|
||
alignment: Alignment.topCenter,
|
||
width: 200.0,
|
||
height: 50.0,
|
||
child: sizeBox.SizeOverflowBoxDefault(
|
||
text: "SizeBox",
|
||
),
|
||
),
|
||
Container(
|
||
margin: new EdgeInsets.only(top: 10.0),
|
||
color: Color(0xffd81b60),
|
||
width: 200.0,
|
||
height: 50.0,
|
||
child: sizeBox.SizeOverflowBoxDefault(
|
||
text: "box",
|
||
curSizeWidth: 100.0,
|
||
curSizeHeight: 20.0,
|
||
),
|
||
),
|
||
Container(
|
||
margin: new EdgeInsets.only(top: 10.0),
|
||
color: Color(0xffd81b60),
|
||
width: 200.0,
|
||
height: 50.0,
|
||
alignment: Alignment.center,
|
||
child: sizeBox.SizeOverflowBoxDefault(
|
||
text: "box",
|
||
curSizeWidth: 100.0,
|
||
curSizeHeight: 20.0,
|
||
),
|
||
),
|
||
],
|
||
);
|
||
}
|
||
}
|