美文网首页Flutter学习
Flutter入门基础(五)-UITableView

Flutter入门基础(五)-UITableView

作者: 洲洲哥 | 来源:发表于2019-02-26 23:01 被阅读5次

解釋UITableView的用法

对于这个UITableView分着学习,对于iOS开发都知道,他有自己的点击事件,和row的更新事件等。这个文章这里先说一个加载列表的方式和方法。

效果如下

UITableView效果

加载列表

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'UITableView',
      home: MyHomePage(title: 'Flutter UITableView'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  MyHomePage({Key key, this.title}) : super(key: key);

  final String title;

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  
  _getListData() {
    List<Widget> widgets = [];
    for (int i = 0; i < 100; i++) {
      widgets.add(Padding(padding: EdgeInsets.all(10.0), child: Text("Row $i")));
    }
    return widgets;
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: ListView(children: _getListData()),
    );
  }
}

Flutter配置for Mac -- VSCode
Flutter入门基础(一)-Label
Flutter入门基础(二)-Button
Flutter入门基础(三)-TextFile登录页
Flutter入门基础(四)-imageview
Flutter入门基础(五)-UITableView

  • 如有问题可添加QQ群:234812704
  • 欢迎各位一块学习,提高逼格!
  • 也可以添加洲洲哥的微信公众号

可以来微信公众号(洲洲哥)后台给我留言。 快来扫码关注我们吧!

公众号二维码

相关文章

网友评论

    本文标题:Flutter入门基础(五)-UITableView

    本文链接:https://www.haomeiwen.com/subject/tldtuqtx.html