TabBar android 15

[18559697016]

android 15 下，TabBar 显示有问题
如下图

[lshinylee]

你好，你的反馈已收到，我们将尽快答复你。

[xiaoqi]

是就这个系统不正常吗 在IOS和IDE都正常吗

[xiaoqi]

我需要看一下你写的样式覆盖情况

[18559697016]

Code: Select all

import { Routes, TabBar } from '@ray-js/types';

export const routes: Routes = [

	{
		route: '/',
		path: '/pages/home/index',
		name: 'Home'
	},
	{
		route: '/statCharts',
		path: '/pages/statCharts/index',
		name: 'StatCharts'
	},
	{
		route: '/charts',
		path: '/pages/charts/index',
		name: 'Charts'
	},


	{
		route: '/realtime',
		path: '/pages/realtime/index',
		name: 'Realtime'
	},
	{
		route: '/energyData',
		path: '/pages/energyData/index',
		name: 'EnergyData'
	},

	{
		route: '/settings',
		path: '/pages/settings/index',
		name: 'Settings'
	},
	{
		route: '/exportData',
		path: '/pages/exportData/index',
		name: 'ExportData'
	  },

];
export const tabBar: TabBar = {
	borderStyle: "white",
	textColor: "#353535",
	selectedColor: "#00936E",
	backgroundColor: "white",
	list: [
		{
			route: "/",
			text: "@I18n.t('overview')",
			icon: "/images/home.png",
			activeIcon: "/images/home-active.png",
			pagePath: "/pages/home/index",
		},
		{
			route: "/realtime",
			text: "@I18n.t('realtimeData')",
			icon: "/images/realtime.png",
			activeIcon: "/images/realtime-active.png",
			pagePath: "/pages/realtime/index",
		},
		{
			route: "/energyData",
			text: "@I18n.t('energyData')",
			icon: "/images/history.png",
			activeIcon: "/images/history-active.png",
			pagePath: "/pages/energyData/index",
		},
		// {
		// 	route: "/settings",
		// 	text: "@I18n.t('settings')",
		// 	icon: "/images/settings.png",
		// 	activeIcon: "/images/settings-active.png",
		// 	pagePath: "/pages/settings/index",
		// },
	],
};import { Routes, TabBar } from '@ray-js/types';

export const routes: Routes = [

	{
		route: '/',
		path: '/pages/home/index',
		name: 'Home'
	},
	{
		route: '/statCharts',
		path: '/pages/statCharts/index',
		name: 'StatCharts'
	},
	{
		route: '/charts',
		path: '/pages/charts/index',
		name: 'Charts'
	},


	{
		route: '/realtime',
		path: '/pages/realtime/index',
		name: 'Realtime'
	},
	{
		route: '/energyData',
		path: '/pages/energyData/index',
		name: 'EnergyData'
	},

	{
		route: '/settings',
		path: '/pages/settings/index',
		name: 'Settings'
	},
	{
		route: '/exportData',
		path: '/pages/exportData/index',
		name: 'ExportData'
	  },

];
export const tabBar: TabBar = {
	borderStyle: "white",
	textColor: "#353535",
	selectedColor: "#00936E",
	backgroundColor: "white",
	list: [
		{
			route: "/",
			text: "@I18n.t('overview')",
			icon: "/images/home.png",
			activeIcon: "/images/home-active.png",
			pagePath: "/pages/home/index",
		},
		{
			route: "/realtime",
			text: "@I18n.t('realtimeData')",
			icon: "/images/realtime.png",
			activeIcon: "/images/realtime-active.png",
			pagePath: "/pages/realtime/index",
		},
		{
			route: "/energyData",
			text: "@I18n.t('energyData')",
			icon: "/images/history.png",
			activeIcon: "/images/history-active.png",
			pagePath: "/pages/energyData/index",
		},
		// {
		// 	route: "/settings",
		// 	text: "@I18n.t('settings')",
		// 	icon: "/images/settings.png",
		// 	activeIcon: "/images/settings-active.png",
		// 	pagePath: "/pages/settings/index",
		// },
	],
};

只有Android15有问题

[18559697016]

手机型号小米 Poco M3 Pro Android 13
手机型号是红米 NOTE12 Android 13
手机型号欧乐风 Armor 26 Ultra Android 13
都有同样的问题，
最近频繁有客户反馈这个问题

[xiaoqi]

App 6.8.0版本会修复此问题

[xiaoqi]

建议也可以使用SmartUI 的 Tabbar 组件 自行渲染底部导航
https://developer.tuya.com/material/sma ... mId=tabbar