zoukankan      html  css  js  c++  java
  • 9-13活动入口实现

    活动入口。首先分为上下两行,每一行有5个入口。每个入口分为商量两个部分,上面是图标下面是文字。

    开始

    新建sub_nav.dart



    Contianer的高度去掉,


    四个角都是圆角的话,有一个简单的方式设置。

    可灵活配置的展现

    每行虽然现实了5个,但是如果后端返回的数据 自由4个 或者 6个等等。
    不管有多少数据,我们只显示最多两行。
    计算出每行展示的数量


    第一行和第二行,第二行用padding包裹,距离顶部10

    这样就将item数组分成了上下两个部分!!!!!!!


    首页调用subNav




    loadData里面进行初始化

    调用subNav

    缺点,并没有上下对齐。

    解决上下不对齐的问题

    对样式进行一些调整。
    首先让item进行平分布局的大小。

    外层嵌套一个Expanded




    点击自由行,进行了跳转

    回顾

    最多显示两行,所以除以2.计算出每行显示的数量

    然后将这个数组拆分成两部分

     

    结束

  • 相关阅读:
    tomcat部署web服务,验证码刷新不出来
    deployment模板实例
    acme
    私有registry及证书配置
    kubernetes监控
    kubernetes中安装efk
    kubernetes v1.13.1集群
    etcd集群
    centos-src
    比较两三个字段的最大值
  • 原文地址:https://www.cnblogs.com/wangjunwei/p/12210002.html
Copyright © 2011-2022 走看看