• 瑞金千人雨伞拼图创世界吉尼斯纪录 2019-07-02
  • “熊孩子”与幼儿教育 2019-06-15
  • 港媒称中国手游在韩国吸金美日手游遭韩玩家冷落 2019-06-15
  • 酒与植物 轻酌一樽是花香 2019-05-13
  • 台军为帮农民每餐吃香蕉 台媒改善两岸关系是根本 2019-05-12
  • 原脉——大地肌体上的血脉文章中国国家地理网 2019-05-11
  • 用更加过硬的作风追求改革新突破 2019-05-11
  • 欧版T90暴露法德坦克硬伤 VT4我离最强只差两步 2019-05-10
  • 【专题】河北省无偿献血领导小组会议报道 2019-05-10
  • 科幻推理剧《端脑》北京首映 搜狐匠心“烧脑”之作获赞 2019-05-09
  • 【大家谈】激励实干担当,谱写奋斗“进行曲” 2019-05-08
  • 回复@老老保老张工:连马克思都要重构个人所有制也!你不会自以为比马克思还高明吧? 2019-05-08
  • 学习宣传贯彻习近平新时代中国特色社会主义思想系列研讨会br第三场研讨会发言摘编 2019-05-07
  • 2000年出生的孩子属龙,要风得风,要雨得雨 2019-05-07
  • 美国防部宣布暂停8月美韩联合军演 2019-05-06
  • 12生肖时时彩方法:「Flutter实战」首页_GridView类别导航制作 [复制链接]

    2019-11-13 10:16
    有事在发生 阅读:444 评论:0 赞:1
    Tag:  Flutter GridView

    香港生肖时时彩 www.eptu.com.cn 首页导航区的制作

    「Flutter实战」12.首页_GridView类别导航制作

    外面用一个gridview来写。里面单独提出来

    新建导航组件

    还是在home_page.dart里面写代码

    新建一个静态的组件:

    快捷键写组件的时候选择哪个stlessW的,这样把构造函数也帮你初始化好了。

    「Flutter实战」12.首页_GridView类别导航制作

    「Flutter实战」12.首页_GridView类别导航制作

    定义一个内部的方法 ,返回的是一个column,内部方法名开头用下划线开头。

    定义方法 _gridViewItemUI接收两个参数一个是上下文对象,一个item相当于我们每一个导航项

    我们导航项点一下肯定要有页面的变化,或者是路由的跳转。这个时候就是使用使用我们的小部件InkWell。外层用InkWell主要是它可以接受一个点击事件。

    当前我们只输出一句话就可以了。然后里面的Child我们用Column就可以了

    「Flutter实战」12.首页_GridView类别导航制作

    把我们的ScreenUtil初始化放在,main.dart中第一个调用的页面

    「Flutter实战」12.首页_GridView类别导航制作

    「Flutter实战」12.首页_GridView类别导航制作

    注意引入:import 'package:flutter_screenutil/flutter_screenutil.dart';

    「Flutter实战」12.首页_GridView类别导航制作

    这样就相当于我们进行了全局设置。

    这样我们的Column就写完了。

    「Flutter实战」12.首页_GridView类别导航制作

    外层套一个Container方便扩展

    「Flutter实战」12.首页_GridView类别导航制作

    因为我们上面已经接收一个list了。这里children的地方我们直接用navigatorList进行遍历

    「Flutter实战」12.首页_GridView类别导航制作

    map里面接收一个回调,map后就不是list对象了。因此最后需要加上toList()

    「Flutter实战」12.首页_GridView类别导航制作

    return直接调用我们写的内部方法就可以了。

    「Flutter实战」12.首页_GridView类别导航制作

    然后在FutureBuilder里面调用我们写的TopNavigator组件

    「Flutter实战」12.首页_GridView类别导航制作

    预览效果:

    「Flutter实战」12.首页_GridView类别导航制作

    往下滚动 发现最下面多了一个

    「Flutter实战」12.首页_GridView类别导航制作

    这个是后台接口的锅,按说应该是10个的,所以只能从前端想一些办法来处理了。

    「Flutter实战」12.首页_GridView类别导航制作

    「Flutter实战」12.首页_GridView类别导航制作

    最终代码

    index_page.dart

    「Flutter实战」12.首页_GridView类别导航制作

    「Flutter实战」12.首页_GridView类别导航制作

    我来说两句
    您需要登录后才可以评论 登录 | 立即注册
    facelist
    所有评论(0)
    领先的中文移动开发者社区
    18620764416
    7*24全天服务
    意见反?。[email protected]

    扫一扫关注我们

    Powered by Discuz! X3.2© 2001-2019 Comsenz Inc.( 香港生肖时时彩 )

  • 瑞金千人雨伞拼图创世界吉尼斯纪录 2019-07-02
  • “熊孩子”与幼儿教育 2019-06-15
  • 港媒称中国手游在韩国吸金美日手游遭韩玩家冷落 2019-06-15
  • 酒与植物 轻酌一樽是花香 2019-05-13
  • 台军为帮农民每餐吃香蕉 台媒改善两岸关系是根本 2019-05-12
  • 原脉——大地肌体上的血脉文章中国国家地理网 2019-05-11
  • 用更加过硬的作风追求改革新突破 2019-05-11
  • 欧版T90暴露法德坦克硬伤 VT4我离最强只差两步 2019-05-10
  • 【专题】河北省无偿献血领导小组会议报道 2019-05-10
  • 科幻推理剧《端脑》北京首映 搜狐匠心“烧脑”之作获赞 2019-05-09
  • 【大家谈】激励实干担当,谱写奋斗“进行曲” 2019-05-08
  • 回复@老老保老张工:连马克思都要重构个人所有制也!你不会自以为比马克思还高明吧? 2019-05-08
  • 学习宣传贯彻习近平新时代中国特色社会主义思想系列研讨会br第三场研讨会发言摘编 2019-05-07
  • 2000年出生的孩子属龙,要风得风,要雨得雨 2019-05-07
  • 美国防部宣布暂停8月美韩联合军演 2019-05-06
  • 卖散装饼干赚钱吗 棒球英文翻译 捕鱼达人炮台 湖南快乐十分走势图电视图横屏 中超赛程表 百度彩票群 快乐双彩历史开奖公告 棋牌下载送28元 德甲积分榜最新 广东好彩1官方网站 福彩极速快3能怎么玩 上海时时彩为何停售 新疆11选5现场走势图表 彩票排列三走势图 西甲皇马惨败 500万彩票首页