当前位置：首页 > news >正文

ThingsBoard - APP图片更改为彩色（失败）

news 2026/3/27 7:55:08

问题描述

在手机APP中，登录窗口的LOGO图片没有彩色。

问题分析

原始资源图片是彩色的，这肯定是代码中做了处理。已知该图片文件名为thingsboard_big_logo.svg。

//\flutter_thingsboard_app\lib\constants\assets_path.dartabstractclassThingsboardImage{staticconstthingsBoardWithTitle='assets/images/thingsboard_with_title.svg';staticconstthingsboard='assets/images/thingsboard.svg';staticconstthingsboardOuter='assets/images/thingsboard_outer.svg';staticconstthingsboardCenter='assets/images/thingsboard_center.svg';staticconstdashboardPlaceholder='assets/images/dashboard-placeholder.svg';staticconstdeviceProfilePlaceholder='assets/images/device-placeholder.svg';staticconstnoDataImage='assets/images/no-data.svg';staticconstthingsboardBigLogo='assets/images/thingsboard_big_logo.svg';...

\flutter_thingsboard_app\lib\core\auth\login\select_region\select_region_screen.dartimport'package:flutter/material.dart';import'package:flutter_svg/flutter_svg.dart';import'package:thingsboard_app/config/routes/router.dart';import'package:thingsboard_app/constants/assets_path.dart';import'package:thingsboard_app/core/auth/login/select_region/model/region.dart';import'package:thingsboard_app/core/context/tb_context_widget.dart';import'package:thingsboard_app/generated/l10n.dart';import'package:thingsboard_app/locator.dart';import'package:thingsboard_app/utils/services/endpoint/i_endpoint_service.dart';import'package:thingsboard_app/utils/ui/tb_text_styles.dart';classSelectRegionScreenextendsTbContextStatelessWidget{SelectRegionScreen(super.tbContext,{super.key});@overrideWidgetbuild(BuildContextcontext){returnScaffold(body:SafeArea(child:Column(children:[SvgPicture.asset(ThingsboardImage.thingsboardBigLogo),constSizedBox(height:166),Expanded(child:Padding(padding:constEdgeInsets.symmetric(horizontal:24),child:Column(children:[Text(S.of(context).selectRegion,style:TbTextStyles.titleMedium.copyWith(color:Colors.black.withValues(alpha:.76),),),constSizedBox(height:16),SizedBox(width:double.infinity,child:ElevatedButton(onPressed:(){getIt<IEndpointService>().setRegion(Region.northAmerica,);getIt<ThingsboardAppRouter>().navigateTo('/');},style:ElevatedButton.styleFrom(padding:constEdgeInsets.symmetric(horizontal:16,vertical:8,),textStyle:TbTextStyles.labelMedium,),child:Text(S.of(context).northAmerica),),),constSizedBox(height:10),SizedBox(width:double.infinity,child:ElevatedButton(onPressed:(){getIt<IEndpointService>().setRegion(Region.europe);getIt<ThingsboardAppRouter>().navigateTo('/');},style:ElevatedButton.styleFrom(padding:constEdgeInsets.symmetric(horizontal:16,vertical:8,),textStyle:TbTextStyles.labelMedium,),child:Text(S.of(context).europe),),),],),),),],),),);}}