Flutter 颤振如何创建分割圆合并图像

Flutter 颤振如何创建分割圆合并图像,flutter,Flutter,我想创建一个像这样的圆形合并图像。 例如,有teamA和teamB,teamA的徽标或图像位于圆圈的左侧,teamB位于圆圈的右侧 我试着这样做,但两个图像的形状仍然是矩形的 我怎样才能让它工作 new Center( child: new Container( width: 120.0, height: 120.0, child: new Row( children: <Widget>[ Image

我想创建一个像这样的圆形合并图像。 例如,有teamA和teamB,teamA的徽标或图像位于圆圈的左侧,teamB位于圆圈的右侧

我试着这样做,但两个图像的形状仍然是矩形的

我怎样才能让它工作

new Center(
    child: new Container(
      width: 120.0,
      height: 120.0,
      child: new Row(
        children: <Widget>[
          Image.network(
            'https://images.unsplash.com/photo-1535593063927-5c40dee9cb83?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=3bfc6e7c6043924de9c4746bef6dc969&auto=format&fit=crop&w=500&q=60',
            width: 60.0,
            height: 120.0,
            fit: BoxFit.cover,
          ),
          Image.network(
            'https://images.unsplash.com/photo-1535603863228-ded98173a95d?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=78dee486ac6c9bffda623b83a36ecb1f&auto=format&fit=crop&w=500&q=60',
            width: 60.0,
            height: 120.0,
            fit: BoxFit.cover,
          )
        ],
      ),
    ),
  ),
新中心(
子容器:新容器(
宽度:120.0,
身高:120.0,
孩子:新的一排(
儿童:[
图像网络(
'https://images.unsplash.com/photo-1535593063927-5c40dee9cb83?ixlib=rb-0.3.5&ixid=EYJHCHBAWQIOJEYMDD9&s=3bfc6e7c6043924de9c4746bef6dc969&auto=format&fit=crop&w=500&q=60',
宽度:60.0,
身高:120.0,
适合:BoxFit.cover,
),
图像网络(
'https://images.unsplash.com/photo-1535603863228-ded98173a95d?ixlib=rb-0.3.5&ixid=EYJHCBFAWQIOJEYMDD9&s=78dee486ac6c9bffda623b83a36ecb1f&auto=format&fit=crop&w=500&q=60',
宽度:60.0,
身高:120.0,
适合:BoxFit.cover,
)
],
),
),
),

实现这一点的方法有很多,其中一种是:

    new Center(
            child: new Container(
              height: 300.0,
              width: 300.0,
              decoration: BoxDecoration(
                shape: BoxShape.circle,
                border: new Border.all(color: Colors.blue, width: 4.0),
              ),
              child: new Stack(
                children: <Widget>[
                  Container(
                    decoration: BoxDecoration(
                        shape: BoxShape.circle,
                        image: DecorationImage(
                            fit: BoxFit.cover,
                            image: NetworkImage(
                              'https://images.unsplash.com/photo-1535593063927-5c40dee9cb83?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=3bfc6e7c6043924de9c4746bef6dc969&auto=format&fit=crop&w=500&q=60',
                            ))),
                  ),
                  ClipRect(
                    child: Align(
                      alignment: Alignment.centerLeft,
                      widthFactor: 0.5,
                                      child: Container(
                        decoration: BoxDecoration(
                            shape: BoxShape.circle,
                            image: DecorationImage(
                              fit: BoxFit.cover,
                              image: NetworkImage(
                                  'https://images.unsplash.com/photo-1535603863228-ded98173a95d?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=78dee486ac6c9bffda623b83a36ecb1f&auto=format&fit=crop&w=500&q=60'),
                            )),
                      ),
                    ),
                  ),
                ],
              ),
            ),
          )
新中心(
子容器:新容器(
高度:300.0,
宽度:300.0,
装饰:盒子装饰(
形状:BoxShape.circle,
边框:新边框。全部(颜色:Colors.blue,宽度:4.0),
),
子:新堆栈(
儿童:[
容器(
装饰:盒子装饰(
形状:BoxShape.circle,
图像:装饰图像(
适合:BoxFit.cover,
图片:NetworkImage(
'https://images.unsplash.com/photo-1535593063927-5c40dee9cb83?ixlib=rb-0.3.5&ixid=EYJHCHBAWQIOJEYMDD9&s=3bfc6e7c6043924de9c4746bef6dc969&auto=format&fit=crop&w=500&q=60',
))),
),
克里普雷克特(
子对象:对齐(
对齐:alignment.centerLeft,
宽度系数:0.5,
子:容器(
装饰:盒子装饰(
形状:BoxShape.circle,
图像:装饰图像(
适合:BoxFit.cover,
图片:NetworkImage(
'https://images.unsplash.com/photo-1535603863228-ded98173a95d?ixlib=rb-0.3.5&ixid=EYJHCBFAWQIOJEYMDD9&s=78dee486ac6c9bffda623b83a36ecb1f&auto=format&fit=crop&w=500&q=60’,
)),
),
),
),
],
),
),
)
结果