美文网首页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