Flutter学习

Flutter入门基础(五)-UITableView

2019-02-26  本文已影响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

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

公众号二维码
上一篇下一篇

猜你喜欢

热点阅读