[译] 使用 Flutter 制作 3D 翻转动画，赶紧收藏备战金三银四

   children: [
    ClipRect(
        child: Align(
      alignment: Alignment.topCenter,
      heightFactor: 0.5,
      child: child,
    )),
    Padding(
      padding: EdgeInsets.only(top: 2.0),
    ),
    ClipRect(
        child: Align(
      alignment: Alignment.bottomCenter,
      heightFactor: 0.5,
      child: child,
    )),
  ],
);

}
}

尝试一下：

![](https://user-gold-cdn.xitu.io/2018/7/23/164c4d613b41e47f?imageView2/0/w/1280/h/960/ignore-error/1)

就是这样。此外，**child** 可以让我们随心所欲设计动画的内容（无论如何是文本，还是图像）。

*   **围绕 X 轴旋转一半面板**

**Transform** 组件有一个 **transform** 参数，类型是 **Matrix4**，用于定义所应用的变换类型。**Matrix4** 暴露了一个名为 **rotationX()** 的工厂构造函数，看起来是我们需要用的，让我们尝试一下用在面板的上半部分：

@override
Widget build(BuildContext context) {
return Column(
mainAxisSize: MainAxisSize.min,
children: [
Transform(
transform: Matrix4.rotati