iOS-Flutter入门基础(六)-UITableView(二)添加headerView

释放双眼,带上耳机,听听看~!

对于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入门基础(十)- 图解修改应用名称及图标

人已赞赏
iOS文章

iOS-控制屏幕旋转

2019-9-26 9:10:41

iOS文章

iOS-创建自己的Signal工具类

2019-9-26 11:07:37

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
有新消息 消息中心
搜索