Flutter学习之image

import 'package:flutter/material.dart';

void main(){
  runApp(MyApp());
}

class MyApp extends StatelessWidget{
  @override
  Widget build(BuildContext context){
    return MaterialApp(
      title: 'image',
      home: Scaffold(
        body: Center(
          child: Container(
            child: new Image.network('https://avatar.csdn.net/7/F/F/3_weixin_43434223.jpg',
            // fit: BoxFit.fitHeight,/fitWidth,fitHeight,fill,scaleDown,contain,fill
            repeat: ImageRepeat.repeat
            // color: Colors.lightGreen,
            // colorBlendMode: BlendMode.multiply,
            ),
            color: Colors.lightBlue,
            width: 400.0,
            height: 400.0,
          ),
        ),
      ),
    );
  }
}

这里的image组件照例是放在Container组件当中，在Container中放一个child，new一个Image，Image有四个方法，assert()，memory()，file()，network(最常用)，就是存储在网络上的图片。Image里有几个重要的属性

fit: BoxFit.fitHeight() Y轴填充其他几个方法字面意思
repeat: ImageRepeat.repeat 就是复读
color: Colors.lightGreen,
colorBlendMode: BlendMode.multiply 这两个是设置颜色，颜色混合

效果图：
有点丑哈

Image组件的基本用法就是这样啦

本文链接：https://blog.csdn.net/weixin_43434223/article/details/87793322

智能推荐

Flutter Widgets: Image

介绍 Image, 图片显示Widget, 和Android ImageView相似，但是从实际使用的方法上看，与常用的图片加载库，如Picasso，Glide等相似，支持本地图片，资源图片，网络图片等加载方式。类结构构造方法方式解释 Image() 通用方法，使用ImageProvider实现，如下方法本质上也是使用的这个方法 Image.asset 加载资源图片 Image.file ...

Flutter Image Icon

图片（Image）在Flutter中，我们可以使用Image控件来显示图片，一般来讲我们的图片资源都来源于网络或者本地图片。 Flutter中的Image也是类似。下面我们来看看其常用的属性属性值类型说明 image ImageProvider 必填参数，接收一个ImageProvider 类型的值 semanticLabel String 图片的描述 excludeFromSemant...

flutter 学习之布局学习

前言 flutter 中的布局常用的有 Container Row Column Static 等有了这些基本上都能搭配出不同的UI界面了今天来逐一介绍 Container flutter 中的UIView 如上代码会显示一个宽是整个屏幕高是200的红色区域 Container 结合Row 添加child 显示如下属性讲解 mainAxisAlignment 主轴方向上的排列 Main...

冒泡排序，及改进方式，性能优化400%>>>附图解加源码

首先源码附上，源码中带有注释，看不懂没关系，源码后面附带图解，最后附上代码效率提升图源码如下：方案一：其实实现很简单，两层循环，每次内层迭代出最大的一个值，将其放入数组最后一个位置，外层循环的末端便往前移一位。其原理如下图方案一代码块：方案二：优化改进仔细观察上面的图，我们不难发现当迭代到图下这样的情况时，其实已经全排序好了，但是我们还是需要对它进行1，2，3，4，5，6的迭代，这些情况...

css3常用选择器

先介绍一下基本选择器，如下几种 *：通配符。选择页面的所有元素 E：元素选择器。对页面的一些元素进行选择，如p,div,li等 .class:类选择器 #id：id选择器。一个Id在一个页面中只能选择，这是和类选择器的区别 E F：后代选择器。如ul li。选中ul下的li E>F:子元素选择器。如下，可以用 h1 > strong {color:red;}使h1的子元素strong变...

Flutter学习之image

智能推荐

猜你喜欢