TabBarItem 设置选中时图片 无效

2 篇文章 0 订阅

解决办法:

navCon.tabBarItem.image = [UIImage imageNamed:@""];
navCon.tabBarItem.selectedImage = [[UIImage imageNamed:@""] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
在使用uni-app开发小程序设置tabBar的方式主要有两种: 1. 在`pages.json`文件中设置tabBar属性: 需要在`pages.json`中的`tabBar`节点下进行设置,如下所示: ```json { "pages": [ { "path": "pages/index/index", "name": "index" }, { "path": "pages/mine/mine", "name": "mine" } ], "tabBar": { "color": "#333", "selectedColor": "#4CAF50", "list": [ { "pagePath": "pages/index/index", "text": "首页", "iconPath": "static/tabbar/home.png", "selectedIconPath": "static/tabbar/home-active.png" }, { "pagePath": "pages/mine/mine", "text": "我的", "iconPath": "static/tabbar/user.png", "selectedIconPath": "static/tabbar/user-active.png" } ] } } ``` 2. 在`App.vue`文件中设置tabBar属性: 需要在`App.vue`文件中的`<template>`标签下进行设置,如下所示: ```html <template> <div> <tab-bar></tab-bar> <router-view></router-view> </div> </template> <script> import tabBar from './components/tabBar.vue' export default { components: { tabBar }, tabBar: { color: '#333', selectedColor: '#4CAF50', list: [ { pagePath: '/pages/index/index', text: '首页', iconPath: 'static/tabbar/home.png', selectedIconPath: 'static/tabbar/home-active.png' }, { pagePath: '/pages/mine/mine', text: '我的', iconPath: 'static/tabbar/user.png', selectedIconPath: 'static/tabbar/user-active.png' } ] } } </script> ``` 如果以上两种方法都无法设置成功,可能是由于以下原因导致的: 1. `pages.json`或`App.vue`文件的格式错误,导致无法正确解析; 2. `tabBar`属性中的某个字段有误,如`pagePath`字段填写错误; 3. `tabBar`属性未被正确设置为当前页面的选项卡,可以检查一下是否存在其他地方设置了选项卡,导致本次设置失效。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值