Flutter入门基础（六）-UITableView(二)添加h

对于iOS开发讲UITableView

UITableView添加HeaderView

代码如下

import 'package:flutter/material.dart';

class MineViewController extends StatefulWidget {
  MineViewController();
  createState() => MineViewState();
}

class MineViewState extends State<MineViewController> {
  List<String> dataSource = [];
  @override
  void initState() {
    super.initState();
    dataSource = ["清除缓存", '检查版本', '客服', '设置', '修改密码'];
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("个人中心"),
      ),
      body: ListView.builder(
        itemCount: dataSource.length,
        itemBuilder: (BuildContext context, int index) {
          if (index == 0) {
            return GestureDetector(
              onTap: (){
                print("点击了top");
              },
              child: new Container(
                color: Color.fromARGB(1, 255, 0, 0),
                padding: EdgeInsets.all(20),
                child: new Row(
                  children: <Widget>[
                    new RaisedButton(
                      child: new Text(
                        "header",
                        style: TextStyle(
                          fontSize: 20.0,
                        ),
                      ),
                      onPressed: (){
                        print("on-pressed");
                      },
                    ),
                  ],
                ),
              ),
            );
          } else {
            return GestureDetector(
              onTap: () {
                String didSelectName = dataSource[index];
                print("----点击了第 $index 行---$didSelectName");
              },
              child: new Row(
                children: <Widget>[
                  new Container(
                    margin: EdgeInsets.only(left: 15.0),
                    child: Icon(
                      Icons.add,
                    ),
                  ),
                  new Container(
                    margin: EdgeInsets.all(15.0),
                    child: new Text(
                      dataSource[index],
                      style: TextStyle(
                        fontSize: 20.0,
                      ),
                    ),
                  ),
                ],
              ),
            );
          }
        },
      ),
    );
  }
}

ps:这里的添加headerview，是判断行的index，当index == 0的时，展示新的UIView
即可添加headerview

Flutter配置for Mac -- VSCode
Flutter入门基础（一）-Label
Flutter入门基础（二）-Button
Flutter入门基础（三）-TextFile登录页
Flutter入门基础（四）-imageview
Flutter入门基础（五）-UITableView
Flutter入门基础（六）-UITableView(二)添加headerView
Flutter入门基础（七）-路由
Flutter入门基础（八）-push页面跳转

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

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

公众号二维码