更新代码

Author: Magic

docs/widget/vision/transform/index.md

@@ -1 +1,24 @@
-## **文档完善中**
+## **Transform**
+
+> 在绘制子元素前应用转换的组件
+
+### 构造方法
+```
+Transform({
+  Key key, 
+  @required Matrix4 transform,
+  Offset origin,
+  AlignmentGeometry alignment,
+  bool transformHitTests: true,
+  Widget child
+})
+```
+
+### 属性介绍
+origin：坐标系的原点（相对于此渲染对象的左上角）应用矩阵的原点
+alignment：原点的对齐方式
+transform： 在绘制过程中改变子元素的矩阵
+transformHitTests：在测试时是否执行转换
+
+
+### 实例

lib/config/index.dart

@@ -1,6 +1,6 @@
 import 'development.dart' as Development;
 import 'production.dart' as Production;
 
-const bool isPro = true;
+const bool isPro = false;
 
 Object env = isPro ? Production.Config() : Development.Config();

lib/widget/vision/transform/demo.dart

@@ -15,10 +15,16 @@ class _IndexState extends State<Index> {
   Widget build(BuildContext context) {
     return Scaffold(
       appBar: AppBar(
-        title: Text('SingleChildScrollView'),
+        title: Text('Transform'),
       ),
-      body: Center(
-        child: Text('更新中'),
+      body: Transform(
+        alignment: Alignment.center,
+        transform: Matrix4.skewY(0.1),
+        child: Container(
+          padding: const EdgeInsets.all(8.0),
+          color: const Color(0xFFE8581C),
+          child: const Text('Apartment for rent!'),
+        ),
       ),
     );
   }