Flutter第七讲,发现页面搭建

本文介绍了在Flutter中搭建发现页面的过程,从加载项目图片资源开始,通过修改底部导航栏图片,实现高亮效果。接着分析发现页面的构成,包括icon、title、subtitle和小红点等元素,并逐步构建这个页面,给出了相关代码示例。
摘要由CSDN通过智能技术生成

在搭建发现页面之前,我们先把Flutter如何加载本地资源来说一下,首先启动图APP icon这个就不多说了,iOS和Android在各自的工程里面配置就行了,如不知道怎么配置的可以留言,我们重点说说如何加载项目中的图片资源

首先,我们在项目的根目录下新建一个images文件夹,然后把图片都放到这个目录下,接着我们打开项目里的pubspec.yaml,这个文件有点类似npmpackage.json,然后我们找到assets,默认是注释掉我们打开注释,然后把图片资源的写进去,就像下面这样

  # To add assets to your application, add an assets p, like this:
  assets:
    - images/tabbar_chat_hl.png
    - images/tabbar_chat.png
    - images/tabbar_discover_hl.png
    - images/tabbar_discover.png
    - images/tabbar_friends_hl.png
    - images/tabbar_friends.png
    - images/tabbar_mine_hl.png
    - images/tabbar_mine.png

最后我们来看看,我们项目里怎么用,我们先把底部导航栏的图片替换下,之前我们都是用的系统的ICON,现在我们要换成Image了&#x

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值