Flutter——CircleAvatar组件(圆形头像组件)
2024-09-04 03:17:30
import 'package:flutter/material.dart';
import 'res/listData.dart'; void main() {
runApp(MaterialApp(
title: "demo",
home: MyApp(),
));
} class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(title: Text("FlutterDemo"),),
body: ListView(
children: listData.map((value) {
return Card(
margin: EdgeInsets.all(10),
child: Column(
children: <Widget>[
AspectRatio(
aspectRatio: 20/9,
child: Image.network(value["imageUrl"],fit: BoxFit.cover,),
),
ListTile(
leading: CircleAvatar(
backgroundImage: NetworkImage(value["imageUrl"]),
),
title: Text(value["title"]),
subtitle: Text(value["description"],maxLines: 1,overflow: TextOverflow.ellipsis),
)
],
),
);
}).toList()
)
);
}
}
最新文章
- Turn off Debug Logging in Quartz .Net
- win8提升winform软件的权限
- js手机号码和电话号码验证正则表达式
- MATLAB cvx 工具包使用
- 使用greenDAO生成DAO代码
- NopCmmerce的FakeHttpContext类
- Python设计模式——建造者模式
- boost------function的使用(Boost程序库完全开发指南)读书笔记
- First Bad Version——LeetCode
- MongoDB基础之六 索引
- Python单元测试PyUnit框架轻度整改
- 基于Spring开发——自定义标签及其解析
- angular学习(七)-- Service
- 一步一步搞懂支持向量机——从牧场物语到SVM(上)
- Java集合详解及List源码分析
- Asynchronous Programming
- time&;datetime模块详解
- jdk和cglib简单理解
- JSTL标签 使用总结,foreach
- &;&;并且, ||或 , 的用法 ,区别