Flutter实现图文列表1

(一)效果图
在这里插入图片描述
(二)实现代码
实现要点:ListView和 ListTile

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
class ListViewPage extends StatelessWidget {
  Widget ListPages() {
    return ListView(
      children: <Widget>[
        ListTile(
          leading:Image.asset("images/beauty1.png"),
          title: Text("甜宠软妹是一个仙女本仙的存在人间尤物"),
          subtitle: Text("棉花糖雪糕海盐冰淇淋樱桃小丸子",
          style: TextStyle(
            color: Colors.blue
          ),),
        ),
         ListTile(
          leading: Icon(Icons.settings),
          title: Text("美少女樱樱子海贼王女帝仙女本仙"),
          subtitle: Text("一二三四五上山打老虎仙女本仙当然是粉色啦",
          style: TextStyle(fontSize: 13.0,
          color: Colors.pink),),
          trailing: Image.asset("images/beauty2.png"),
        ),
         ListTile(
          leading: Icon(Icons.settings,color: Colors.yellow),
          title: Text("一个和尚挑水喝两个和尚抬水喝三个和尚没水喝四个和尚"),
          subtitle: Text("山水间歌声回荡回荡思念的滚烫"),
        ),

       ListTile(
          leading: Icon(Icons.settings,color: Colors.blue,),
          title: Text("师傅麻烦你把我送到解放碑"),
          subtitle: Text("和他挥手拜拜有缘再会"),
        ),
      ],
    );
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("甜宠软妹"),
        centerTitle: true,
      ),
      body: Container(
        child: ListPages(),
      ),
    );
  }
}

**应用场景:**新闻列表

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值