本博文为跟随【技术胖】前辈学习谷歌移动UI框架【Flutter】的笔记
前辈的个人主页网址如下:
首页 | 技术胖-胜洪宇关注web前端技术-前端免费视频第一博客
前辈的视频教程网址如下:
Flutter基础视频教程
代码示例
import 'package:flutter/material.dart';
void main()=>runApp(MyApp());
class MyApp extends StatelessWidget{
@override
Widget build(BuildContext context){
return MaterialApp(
title: 'Tomato Clock',
home:Scaffold(
body:Center(
child: Container(
//图片的来源
child: Image.network(
'http://blogimages.jspang.com/blogtouxiang1.jpg',
//容器和图片的关系
fit: BoxFit.fitHeight,
//图片的颜色混合
color: Colors.greenAccent,
colorBlendMode: BlendMode.modulate,
//图片的重复方式
repeat: ImageRepeat.repeatX,
),
width: 400,
height: 300,
color: Colors.lightBlue,
),
),
),
);
}
}
网友评论