对一个初学人员,我经常会遇到一个问题。如何快速上手一门语言。除了看文档外。还要有一些比较轻松的练习,这个练习要轻量,尽量不要一下子造成太高强度负担,又可以刺激兴趣点。

趁着修bug等人时间,练习了一个flutter ListView ,Text组件 组合。
这个练习只是一个写死的列表。仅仅如此,并没包含远程数据处理和渲染显示逻辑。作为开始练习,足够了,轻松之余又可以看到列表效果。

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("合同应用"),),
         body:HomeContent(),
       ),
    );
  }
}

//简化组件使用
class HomeContent extends StatelessWidget{
  @override
  Widget build(BuildContext context) {
    return ListView(
      children: [
        ListTile(
          leading:Image.network("https://img12.360buyimg.com/n1/jfs/t1/44303/14/1165/281427/5cc53c63Eb79cabfb/a2a8c2f082c16238.jpg"),
          title: Text("Java开发宝典"),
          subtitle: Text("人民出版社"),
        )
        ,
        ListTile(
          leading:Image.network("https://img12.360buyimg.com/n1/jfs/t1/44303/14/1165/281427/5cc53c63Eb79cabfb/a2a8c2f082c16238.jpg"),
          title: Text("Go开发宝典"),
          subtitle: Text("工业出版社"),
        )
        ,
      ],
    );

  }
}

在这里插入图片描述

Logo

开源鸿蒙跨平台开发社区汇聚开发者与厂商,共建“一次开发,多端部署”的开源生态,致力于降低跨端开发门槛,推动万物智联创新。

更多推荐