Flutter中常用的组件-RotatedBox

Posted 2023-02-02 不二菜菜子

 new Column(
        children: [
//RotatedBox 是一个小部件，可将其子部件旋转四分之一圈。每个四分之一是 90 度或 -90 度的角度
          new RotatedBox(
            //RotatedBox 将 Text 对象顺时针旋转 90 度(quarterTurns  = 1)
            quarterTurns: 1, child: new Text("韩国撒娇"),
          ),
          new RotatedBox(
            //默认水平
            quarterTurns: 0, child: new Text("韩国撒娇"),
          ),
          new RotatedBox(
            //将 Text 对象逆时针旋转 90 度(quarterTurns = -1)。
            quarterTurns: -1, child: new Text("韩国撒娇"),
          ),
          new RotatedBox(
            //quadTurns 是子部件必须顺时针旋转 90 度的次数。quadTurns 的值可以是负整数。
            //quadTurns:-2 横轴左转90度，纵轴正向
            //quadTurns:-1 横轴右转90度,纵轴正向
            //quadTurns:2 横轴左转90度,纵轴负向
            //quadTurns:-1 横轴右转90度,纵轴负向

            quarterTurns: 0,
            child: new SizedBox(
              width: 40,
              height: 200,
              child: LinearProgressIndicator(
                color: Colors.teal,
                backgroundColor: Colors.blue,
                valueColor: new AlwaysStoppedAnimation(Colors.amber),
              ),
            ),
          )
        ],
      ),