componentes del alboroto de imagen, la imagen local, imagen remota, el recorte de imagen

Configuración de la imagen Imagen local

1. pubspec.yamlEn el 所有图片资源agregado al archivo de configuración, y distinguir al menos 2.0x、3.0xdos tipos de materiales resolución de la pantalla.
2. En el directorio del proyecto images, respectivamente, para crear al menos 2.0x、3.0xdos carpetas de archivos.
3. Todas las imágenes fueron colocados imagesbajo la capa de la imagen de directorios y 2.0x、3.0xcarpetas
4. Introducido Image.asset("images/timg.jpg"）después del proyecto de reapertura

atributos comunes de imagen

class StudyBodyImage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return Center(
      child: Container(
        //child:Image.network("地址"),//网络图片方式
          child: Image.asset(
            "images/timg.jpg",
            alignment: Alignment.center,//图片在盒子的位置
            color: Colors.pink,//背景颜色
            colorBlendMode: BlendMode.saturation,//混合颜色方式,可以改变图片的色系
            fit: BoxFit.cover,//图片的填充方式类似于css
            repeat:ImageRepeat.repeatX,//平铺方式类似于css
          ),
        width: 500.0,
        height: 800.0,
      ),
    );
  }
}

ClipOval corte

class StudyBodyImage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return Center(
      child: Container(
        child: ClipOval(//裁剪成圆角图片结合高度宽度
          child: Image.asset(
            "images/timg.jpg",
            alignment: Alignment.center,
            colorBlendMode: BlendMode.saturation,
            width: 500,
            height: 800,
            fit: BoxFit.cover,
          ),
        ),
    );
  }
}