flutter实践:画一个实线圆角边框,框内显示图片文字

Align(
    alignment: Alignment.centerRight,
    child: Container(
        width: 65,
        height: 30,
        decoration: BoxDecoration(  
            borderRadius: BorderRadius.all(Radius.circular(20)),  
                border: Border.all(  
                    color: Colors.red,  
                    style: BorderStyle.solid,  
                ),   
            ),  
            child: Row(
                mainAxisAlignment: MainAxisAlignment.center,
                children: [
                    Image.file(
                        File(
                            tdxImgPath("Flutter_SearchPgae",  "icon_add_red.png"),
                        ),
                        width: 12,
                        height: 12,
                    ),
                    SizedBox(width: 2),
                    TdxText(
                        '关注',
                        textAlign: TextAlign.center,
                        maxLines: 1,
                        minFontSize: 0,
                        style: TextStyle(
                            fontSize: themeData.fontSizeBaseMd,
                            color: Colors.red),
                        ),
                    ],
                )
            ),
        )

你可能感兴趣的:(flutter,前端)