椭圆形扑

Question

我正在尝试使用Radius.circular创建椭圆形，但看起来像是圆形，我也尝试过更改Radius.elliptical但仍然得到了不同的形状。

  Expanded(
            flex: 13,
            child:  Container(
              height: 100,
              width:100,
              margin: EdgeInsets.only(top: 40,left: 40,right: 40),
              decoration: new BoxDecoration(
                color: MyColors.colorPrimary,
                border: Border.all(color: Colors.black, width: 0.0),
                borderRadius:
                new BorderRadius.all(Radius.elliptical(90,45)),
              ),
              child: Text('     '),
            ),

我想要这个

但是得到这个

Answer 1

我假设您使用Column或Row小部件作为父级，而您使用Expanded的孩子正在尝试向水平方向扩展。

添加一个Align或Center小部件作为Container的父级，它应该可以工作：

    Align(
            child: Container(
              height: 50,
              width: 100,
              margin: EdgeInsets.only(top: 40, left: 40, right: 40),
              decoration: new BoxDecoration(
                color: Colors.green,
                border: Border.all(color: Colors.black, width: 0.0),
                borderRadius: new BorderRadius.all(Radius.elliptical(100, 50)),
              ),
              child: Text('     '),
            ),
          ),

Answer 2

无需代码迁移的简单解决方案是

border: Border.all(color: Colors.transparent, width: 0.0),