Flutter 为列表准备数据
在项目的 lib 文件夹下创建一个 model文件夹,然后创建一个 post.dart 文件。
创建一个名为 Post 的类,用来表示将要用到的 model,包含了 title、author、imageUrl 内容。
class Post {
const Post({
this.title,
this.author,
this.imageUrl,
});
final String title;
final String author;
final String imageUrl;
}
其中:
const Post({
this.title,
this.author,
this.imageUrl,
});
应该类似构造体的定义。
而:
final String title;
final String author;
final String imageUrl;
则是描述构造体中的属性的类型,final 代表分配内容后不能被修改。
然后手工(硬码)准备好一些数据。
final List<Post> posts = [
Post(
title: '喜欢本大爷的竟然就你一个?',
author: '骆驼/伊岛ユウ',
imageUrl: 'http://mhfm2tel.cdndm5.com/36/35832/20170328214617_180x240_27.jpg',
),
Post(
title: 'Overlord不死者之OH!',
author: 'じゅうあみ/丸山くがね',
imageUrl: 'http://mhfm8tel.cdndm5.com/47/46304/20181115214613_180x240_22.jpg',
),
Post(
title: '即使是不起眼剑圣亦是最强',
author: 'あっぺ/明石六郎',
imageUrl: 'http://mhfm8tel.cdndm5.com/43/42373/20180529172116_180x240_24.jpg',
),
Post(
title: '白熊转生',
author: '草野ほうき/三岛千广',
imageUrl: 'http://mhfm4tel.cdndm5.com/40/39074/20171028085606_180x240_25.jpg',
),
Post(
title: '平凡职业成就世界最强',
author: 'RoGa/白米良(厨二好き)',
imageUrl: 'http://mhfm8tel.cdndm5.com/22/21802/20160210120032_180x240_23.jpg',
),
Post(
title: '原最强剑士憧憬着异世界魔法',
author: '天乃ちはる/红月シン',
imageUrl: 'http://mhfm7tel.cdndm5.com/42/41484/20180404220657_180x240_27.jpg',
),
Post(
title: '身为暗杀者的我明显比勇者还强',
author: '合鸭ひろゆき/赤井まつり',
imageUrl: 'http://mhfm8tel.cdndm5.com/47/46770/20181212151146_180x240_25.jpg',
),
];
回到 main.dart 文件下,导入 post.dart 文件:
import 'model/post.dart';