飘动的椭圆形

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

我假设您使用ColumnorRow小部件作为父级，并且使用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('     '),
            ),
          ),