【自学Flutter】3，android初级面试题2018
),),Text(“contain”),Container(margin: EdgeInsets.all(10.0),width: 120.0,height: 120.0,color: Colors.yellow,child: Image.network(“https://img.ivsky.com/img/tupian/t/201411/27/weixiao_de_ningmeng_3d_she
),
),
Text(“contain”),
Container(
margin: EdgeInsets.all(10.0),
width: 120.0,
height: 120.0,
color: Colors.yellow,
child: Image.network(“https://img.ivsky.com/img/tupian/t/201411/27/weixiao_de_ningmeng_3d_sheji.jpg”,
fit: BoxFit.fill,
),
),
Text(“fill”),
],
),
Column(
children: [
Container(
margin: EdgeInsets.all(10.0),
width: 120.0,
height: 120.0,
color: Colors.black,
child: Image.network(“https://img.ivsky.com/img/tupian/t/201411/27/weixiao_de_ningmeng_3d_sheji.jpg”,
fit: BoxFit.fitHeight,
),
),
Text(“fitHeight”),
Container(
margin: EdgeInsets.all(10.0),
width: 120.0,
height: 120.0,
color: Colors.blue,
child: Image.network(“https://img.ivsky.com/img/tupian/t/201411/27/weixiao_de_ningmeng_3d_sheji.jpg”,
fit: BoxFit.scale
《Android学习笔记总结+最新移动架构视频+大厂安卓面试真题+项目实战源码讲义》
【docs.qq.com/doc/DSkNLaERkbnFoS0ZF】 完整内容开源分享
Down,
),
),
Text(“scaleDown”),
Container(
margin: EdgeInsets.all(10.0),
width: 120.0,
height: 120.0,
color: Colors.blue,
child: Image.network(“https://img.ivsky.com/img/tupian/t/201411/27/weixiao_de_ningmeng_3d_sheji.jpg”,
fit: BoxFit.none,
),
),
Text(“none”),
],
),
],
),
)
),
);
}
}
2.解释源代码
import ‘package:flutter/material.dart’;
void main () => runApp(MyApp());
class MyApp extends StatelessWidget{
@override
Widget build(BuildContext context ){
return MaterialApp(
title:‘All Widget Usages’,
home:Scaffold(
body:
Center(
child:
Row(
children: [
Column(
children: [
//容器，相当于div
Container(
//外边距
margin: EdgeInsets.all(10.0),
//宽度
width: 120.0,
//高度
height: 120.0,
//背景颜色
color: Colors.blue,
child: Image.network(“https://img.ivsky.com/img/tupian/t/201411/27/weixiao_de_ningmeng_3d_sheji.jpg”,
//填充样式
fit: BoxFit.fitWidth,
),
),
Text(“fitWidth”),
Container(
margin: EdgeInsets.all(10.0),
width: 120.0,
height: 120.0,
color: Colors.orange,
child: Image.network(“https://img.ivsky.com/img/tupian/t/201411/27/weixiao_de_ningmeng_3d_sheji.jpg”,
fit: BoxFit.cover,
),
),
Text(“cover”),
Container(
margin: EdgeInsets.all(10.0),
width: 120.0,
height: 120.0,
color: Colors.red,
child: Image.network(“https://img.ivsky.com/img/tupian/t/201411/27/weixiao_de_ningmeng_3d_sheji.jpg”,
fit: BoxFit.contain,
),
),
Text(“contain”),
Container(
margin: EdgeInsets.all(10.0),
width: 120.0,
height: 120.0,
color: Colors.yellow,
child: Image.network(“https://img.ivsky.com/img/tupian/t/201411/27/weixiao_de_ningmeng_3d_sheji.jpg”,
fit: BoxFit.fill,
),
),
Text(“fill”),
],
),
Column(
children: [
Container(
margin: EdgeInsets.all(10.0),
width: 120.0,
height: 120.0,
color: Colors.black,
child: Image.network(“https://img.ivsky.com/img/tupian/t/201411/27/weixiao_de_ningmeng_3d_sheji.jpg”,
fit: BoxFit.fitHeight,
),
),
Text(“fitHeight”),
Container(
margin: EdgeInsets.all(10.0),
width: 120.0,
height: 120.0,
color: Colors.blue,
child: Image.network(“https://img.ivsky.com/img/tupian/t/201411/27/weixiao_de_ningmeng_3d_sheji.jpg”,
fit: BoxFit.scaleDown,
),
),
Text(“scaleDown”),
Container(
margin: EdgeInsets.all(10.0),
width: 120.0,
height: 120.0,
color: Colors.blue,
child: Image.network(“https://img.ivsky.com/img/tupian/t/201411/27/weixiao_de_ningmeng_3d_sheji.jpg”,
fit: BoxFit.none,
),
开源鸿蒙跨平台开发社区汇聚开发者与厂商，共建“一次开发，多端部署”的开源生态，致力于降低跨端开发门槛，推动万物智联创新。
更多推荐
0
0- 0
已为社区贡献4条内容
所有评论(0)