jasonhww
jasonhww
Transform的变换是应用在绘制阶段，而并不是应用在布局(layout)阶段，所以无论对子组件应用何种变化，其占用空间的大小和在屏幕上的位置都是固定不变的，因为这些是在布局阶段就确定的。下面我们具体说明： Row( mainAxisAlignment: MainAxisAlignment.center, children: [ DecoratedBox( decoration:BoxDecoration(color: Colors.red), child: Transform.scale(scale: 1.5, child: Text("Hello world") ) ), Text("你好", style: TextStyle(color: Colors.green, fontSize: 18.0),) ], ) 由于第一个Text应用变换(放大)后，其在绘制时会放大，但其占用的空间依然为红色部分，所以第二个Text会紧挨着红色部分，最终就会出现文字重合。 以上是书中内容，但是感觉不是很恰当,没有说服力啊。。因为上面代码Transform.scale作用于Text组件的，这个时候我如果把transform.scale作用与DecoratedBox,其占用的空间同样会缩放..如以下代码, Row( mainAxisAlignment: MainAxisAlignment.center,...