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';