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

热门标签

特别声明:文章多为网络转载,资源使用一般不提供任何帮助,特殊资源除外,如有侵权请联系!

对于iOS开发讲UITableView

iOS-Flutter入门基础(六)-UITableView(二)添加headerView
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页面跳转
Flutter入门基础(九)- 搭建tabbar

Flutter入门基础(十)- 图解修改应用名称及图标

标签:

未经允许不得转载:作者:SheaYang, 转载或复制请以 超链接形式 并注明出处 技术Dog|博客
原文地址:《iOS-Flutter入门基础(六)-UITableView(二)添加headerView》 发布于2019-09-26

分享到:
赞(0) 打赏

评论 抢沙发

5 + 8 =


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

长按图片转发给朋友

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

Vieu4.0主题
专业打造轻量级个人企业风格博客主题!专注于前端开发,全站响应式布局自适应模板。

登录

忘记密码 ?