从外部存储器以圆形显示图像

从外部存储器以圆形显示图像

我尝试了以下代码片段:

new Container(
    height: 80.0,
    width: 80.0,
    decoration: new BoxDecoration
    shape: BoxShape.circle,
    border: Border.all(color: const Color(0x33A6A6A6)),
    // image: new Image.asset(_image.)
    ),
    child: new Image.file(_image),
));

但这不起作用。

最佳答案

您可以尝试使用半径为50的BoxDecoration类:

new Container(
    height: 80.0,
    width: 80.0,
    decoration: new BoxDecoration(
        color: const Color(0xff7c94b6),
        borderRadius: BorderRadius.all(const Radius.circular(50.0)),
        border: Border.all(color: const Color(0xFF28324E)),
    ),
    child: new Image.file(_image)
),

CircleAvatar类:
new CircleAvatar(
  backgroundColor: Colors.brown.shade800,
  child: new Image.file(_image),
),

或者更具体地说,您的代码在BoxDecoration之后缺少(,并且必须包含许多)

因此,使用BoxShape类:
new Container(
  height: 80.0,
  width: 80.0,
  decoration: new BoxDecoration(
    shape: BoxShape.circle,
    border: Border.all(color: const Color(0x33A6A6A6)),
    // image: new Image.asset(_image.)
  ),
  child: new Image.file(_image),
),

关于flutter - 从外部存储器以圆形显示图像,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/51152047/

10-09 04:21