center

Author: DIVINER-only

docs/widget/regular/center/code.md

@@ -0,0 +1,46 @@
+### Center
+
+``` dart
+import 'package:flutter/material.dart';
+
+class Index extends StatefulWidget {
+  @override
+  _IndexState createState() => _IndexState();
+}
+
+class _IndexState extends State<Index> {
+  var heightFactor = 2.0;
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(title: Text('Center Demo'),),
+      body: Column(
+        children: <Widget>[
+          Center(
+            heightFactor: heightFactor,
+            widthFactor: double.infinity,
+            child: Container(
+              width: 120.0,
+              height: 120.0,
+              decoration: BoxDecoration(
+                image: DecorationImage(
+                  image: NetworkImage('http://sucimg.itc.cn/avatarimg/55d21fdc4b8d4838bef0da94ada78cab_1501139484387')
+                )
+              ),
+            ),
+          ),
+          FlatButton(
+            child: Text('heightFactor: $heightFactor', style: TextStyle(fontSize: 20.0),),
+            onPressed: (){
+              setState(() {
+                heightFactor == 1.0 ? heightFactor = 2.0 : heightFactor = 1.0;
+              });
+            },
+          )
+        ],
+      )
+    );
+  }
+}
+
+```

docs/widget/regular/center/index.md

@@ -0,0 +1,19 @@
+## **Center**
+
+>
+将child置于中心的控件
+* Center继承自Align，只不过是将alignment设置为Alignment.center
+
+### 构造方法
+``` dart
+Center({
+  Key key,
+  double widthFactor,
+  double heightFactor,
+  Widget child
+})
+```
+
+### 属性介绍
+* widthFactor/heightFactor: 当widthFactor和heightFactor为null的时候，Center会调整到child的尺寸,当widthFactor或者heightFactor不为null的时候，Center会根据factor属性，扩展自己的尺寸，例如设置heightFactor为2.0的时候，那么，Center的高度将会是child的两倍
+* child: Center中的内容widget

lib/main.dart

@@ -77,7 +77,7 @@ class MainAppState extends State<MainApp> {
           ),
           accentColor: Colors.grey,
           accentColorBrightness: Brightness.light,
-          primaryColor: Colors.grey.shade50, // appbar背景
+          primaryColor: Colors.redAccent, // appbar背景
           scaffoldBackgroundColor: Colors.grey.shade50, // 整体的scaffold背景颜色
         ),
         onGenerateRoute: FluroRouter.router.generator,

lib/widget/regular/center/demo.dart

@@ -0,0 +1,41 @@
+import 'package:flutter/material.dart';
+
+class Index extends StatefulWidget {
+  @override
+  _IndexState createState() => _IndexState();
+}
+
+class _IndexState extends State<Index> {
+  var heightFactor = 2.0;
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(title: Text('Center Demo'),),
+      body: Column(
+        children: <Widget>[
+          Center(
+            heightFactor: heightFactor,
+            widthFactor: double.infinity,
+            child: Container(
+              width: 120.0,
+              height: 120.0,
+              decoration: BoxDecoration(
+                image: DecorationImage(
+                  image: NetworkImage('http://sucimg.itc.cn/avatarimg/55d21fdc4b8d4838bef0da94ada78cab_1501139484387')
+                )
+              ),
+            ),
+          ),
+          FlatButton(
+            child: Text('heightFactor: $heightFactor', style: TextStyle(fontSize: 20.0),),
+            onPressed: (){
+              setState(() {
+                heightFactor == 1.0 ? heightFactor = 2.0 : heightFactor = 1.0;
+              });
+            },
+          )
+        ],
+      )
+    );
+  }
+}

lib/widget/regular/center/index.dart

@@ -0,0 +1,27 @@
+import 'package:flutter/material.dart';
+import 'package:efox_flutter/components/widgetComp.dart' as WidgetComp;
+import 'demo.dart' as Demo;
+
+class Index extends StatefulWidget {
+  static String name = 'Center';
+  static String originCodeUrl = 'https://docs.flutter.io/flutter/widgets/Center-class.html';
+  static String codeUrl = 'docs/widget/regular/center/code.md';
+  static String mdUrl = 'docs/widget/regular/center/index.md';
+  @override
+  _IndexState createState() => _IndexState();
+}
+
+class _IndexState extends State<Index> {
+  @override
+  Widget build(BuildContext context) {
+    return WidgetComp.Index(
+      name: Index.name,
+      codeUrl: Index.codeUrl,
+      originCodeUrl: Index.originCodeUrl,
+      mdUrl: Index.mdUrl,
+      demoChild: <Widget>[
+        Demo.Index()
+      ],
+    );
+  }
+}

lib/widget/regular/index.dart

@@ -4,6 +4,7 @@ import 'column/index.dart' as Column;
 import 'container/index.dart' as Container;
 import 'padding/index.dart' as Padding;
 import 'align/index.dart' as Align;
+import 'center/index.dart' as Center;
 
 const nameSpaces = '/regular_';
 
@@ -32,6 +33,11 @@ List widgets = [
     widget: Align.Index(),
     code: 57917, // format_indent_decrease
     name: Align.Index.name
+  ),
+  ItemInfo(
+    widget: Center.Index(),
+    code: 57932, // format_indent_decrease
+    name: Center.Index.name
   )
 ];
 

pubspec.yaml

@@ -61,6 +61,7 @@ flutter:
       - docs/widget/regular/container/
       - docs/widget/regular/padding/
       - docs/widget/regular/align/
+      - docs/widget/regular/center/
   # An image asset can refer to one or more resolution-specific "variants", see
   # https://flutter.io/assets-and-images/#resolution-aware.