Flutter UI Widget介绍—AspectRatio

对AspectRatio widget的用法进行一些简单的介绍。

使用AspectRatio可以自由决定container的纵横比。比如下面代码示例中将纵横比设置为了1/1。

body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children:<Widget> [
              const Text(
                'you hava pushed this button many times'
              ),
              SizedBox(
                width: 200,
                child: AspectRatio(
                  aspectRatio: 1/1,
                  child: Container(
                    color: Colors.red,
                  ),
                ),
              )
            ],
          ),
        )