zoukankan      html  css  js  c++  java
  • flutter-图片组件(Image)的使用

    文档:https://book.flutterchina.club/chapter5/container.html

    加入图片的几种方式

    • Image.asset:加载资源图片,就是加载项目资源目录中的图片,加入图片后会增大打包的包体体积,用的是相对路径。
    • Image.network:网络资源图片,意思就是你需要加入一段http://xxxx.xxx的这样的网络路径地址。
    • Image.file:加载本地图片,就是加载本地文件中的图片,这个是一个绝对路径,跟包体无关。
    • Image.memory: 加载Uint8List资源图片
    //必须有封号  material就是个UI 
    import 'package:flutter/material.dart';
    //这是个主函数入口
    void main()=>runApp(MyApp());
    // 也可以这么写
    // void main(){
    //   runApp(MyApp())
    // }
    
    // 声明MyApp类
    class MyApp extends StatelessWidget{
      // 重写build
      @override
      Widget build(BuildContext context){
        //返回一个Material风格的App
        return MaterialApp(
          title:'Welcome to Flutteraa',
          home: Scaffold(
            // 在主题的中间区域,添加一个文本  Center:屏幕的中间
            body: Center(
              // child:Container(
              //   child:new Image.network(
              //     'https://avatars2.githubusercontent.com/u/20411648?s=460&v=4',
              //     // scale:1.0,
              //      100.0,
              //     height: 100.0,
              //   ),
              //   300.0,
              //   height:300.0,
              //   color: Colors.lightBlue,
              // ),
              child: Container(
                child: Image(
                  image: AssetImage("images/2222.png"),
                  //缩放模式
                  fit: BoxFit.scaleDown,
                  color: Colors.greenAccent,
                  //背景色 
                  colorBlendMode: BlendMode.darken,
                  //重复
                  repeat: ImageRepeat.repeat,
                ),
                 400.0,
                height: 500.0,
                color: Colors.lightBlue,
              ),
            ),
          ),
        );
      }
    }
  • 相关阅读:
    C++模板&泛型编程
    C++继承
    测试pc大、小端
    C语言标准定义的32个关键字
    *塔,菱形
    练习小题目
    c一些关键字
    uvaoj 489
    uvaoj1339
    hdu1969Pie(根据体积二分,分馅饼)
  • 原文地址:https://www.cnblogs.com/lxz-blogs/p/13224227.html
Copyright © 2011-2022 走看看