zoukankan      html  css  js  c++  java
  • 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组件的基本用法就是这样啦

  • 相关阅读:
    win7下jdk安装环境变量配置
    !function($){}(window.jQuery)
    转载几篇
    YeeLink
    坑爹JDK8,可怜的XP
    一致性Hash
    CSS
    仿函数
    launch4j
    GOAL!!!!!!!!!!!!!
  • 原文地址:https://www.cnblogs.com/yfc0818/p/11072666.html
Copyright © 2011-2022 走看看