ListTile-图文列表

时间:2021-07-31
本文章向大家介绍ListTile-图文列表，主要包括ListTile-图文列表使用实例、应用技巧、基本知识点总结和需要注意事项，具有一定的参考价值，需要的朋友可以参考一下。
import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
        home: Scaffold(
      appBar: AppBar(title: Text("flutterDemo")),
      body: HomeContent(),
    ));
  }
}

class HomeContent extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return ListView(
      padding: EdgeInsets.all(10),
      children: <Widget>[
        ListTile(
          leading: Icon(
            Icons.settings,
            size: 40,
          ),
          title: Text(
            '华为5G芯片只能当4G用 ',
            style: TextStyle(
              fontSize: 18,
            ),
          ),
          subtitle: Text('  G手机后，华为5G终端不得不在美国制裁下走向尽头。'),
        ),
        ListTile(
          leading: Icon(
            Icons.settings,
            size: 30,
          ),
          title: Text(
            '华为5G芯片只能当4G用 ',
            style: TextStyle(
              fontSize: 18,
            ),
          ),
          subtitle: Text('  G手机后，华为5G终端不得不在美国制裁下走向尽头。'),
        ),
        ListTile(
          leading: Image.network(
            "https://www.itying.com/images/202004/goods_img/1101_P_1587123548040.jpg",
          ),
          title: Text(
            '华为5G芯片只能当4G用 ',
            style: TextStyle(
              fontSize: 18,
            ),
          ),
          subtitle: Text('  G手机后，华为5G终端不得不在美国制裁下走向尽头。'),
        ),
        ListTile(
          leading: Image.network(
            "https://www.itying.com/images/202004/goods_img/1101_P_1587123548040.jpg",
          ),
          title: Text(
            '华为5G芯片只能当4G用 ',
            style: TextStyle(
              fontSize: 18,
            ),
          ),
          subtitle: Text('  G手机后，华为5G终端不得不在美国制裁下走向尽头。'),
        ),
        ListTile(
          leading: Image.network(
            "https://www.itying.com/images/202004/goods_img/1101_P_1587123548040.jpg",
          ),
          trailing: Image.network(
            "https://www.itying.com/images/202004/goods_img/1101_P_1587123548040.jpg",
          ),
          title: Text(
            '华为5G芯片只能当4G用 ',
            style: TextStyle(
              fontSize: 18,
            ),
          ),
          subtitle: Text('  G手机后，华为5G终端不得不在美国制裁下走向尽头。'),
        ),
        ListTile(
          trailing: Image.network(
            "https://www.itying.com/images/202004/goods_img/1101_P_1587123548040.jpg",
          ),
          title: Text(
            '华为5G芯片只能当4G用 ',
            style: TextStyle(
              fontSize: 18,
            ),
          ),
          subtitle: Text('  G手机后，华为5G终端不得不在美国制裁下走向尽头。'),
        ),
        ListTile(
          trailing: Icon(Icons.home),
          title: Text(
            '华为5G芯片只能当4G用 ',
            style: TextStyle(
              fontSize: 18,
            ),
          ),
          subtitle: Text('  G手机后，华为5G终端不得不在美国制裁下走向尽头。'),
        ),
      ],
    );
  }
}
我是Eric,手机号是13522679763

原文地址：https://www.cnblogs.com/eric-share/p/15085144.html

随机文章
本站知识点必读
最近更新