颤振图标不更新
[英]Flutter Icon does not update
问题描述
我收到一个奇怪的错误。 我有多个页面/类，用户可以在其中单击页面中元素的收藏夹图标，一旦完成，所选元素就会出现在收藏夹页面/类中。 然后用户可以进入收藏夹类（如果需要）并单击以从该页面中删除该元素。 完成此操作后，我还想在元素的源页面中通过将最喜欢的图标（红色填充的心形）更改为其先前状态（空心白色心形）来说明此更改（同步）。 我面临的问题是用于将收藏夹图标从收藏夹页面中删除后在其源页面中重置为正常的功能。 有趣的是，在我拥有的 7 个类/页面中，这段代码似乎对其中 2 个完美无缺，但对于其余五个却没有（类之间共享的代码几乎相同）。
我检查了每个源类中的“更新函数”（unfavor ** Icon）是否已被最喜欢的类成功调用，并且似乎没有问题。 为了进一步证明我的问题，我在下面添加了一个简化的（每个类中的单个元素）版本的类。 第一个代码段是有效的代码段，而第二个代码段是带有不更新的最喜欢的图标的代码段。
工作代码：
import 'package:flutter/material.dart';
import 'package:/favorites.dart';
import 'package:/play.dart';
import 'package:/main.dart';
class Human extends StatefulWidget{
MyApp createState() => MyApp();
}
Icon fly = new Icon(Icons.favorite_border, color: Colors.white, size: 30.0);
Icon favNotClicked() {
return Icon(Icons.favorite_border, color: Colors.white, size: 30.0);
}
Icon favClicked() { // to change the fav element once clicked
return Icon(Icons.favorite, color: Colors.red, size: 30.0);
}
unfavorHumanIcon(String element){
switch(element){
case "Fly": {fly = favNotClicked();}
break;
}
}
class MyApp extends State<Human> with AutomaticKeepAliveClientMixin<Human> {
Widget build(BuildContext context) {
super.build(context);
return Scaffold(
appBar: AppBar(
automaticallyImplyLeading: false,
title: Text("Humans"),
),
body: GridView.count(
shrinkWrap: true,
padding: const EdgeInsets.all(20),
crossAxisCount: 2,
crossAxisSpacing: 10.0,
mainAxisSpacing: 10.0,
childAspectRatio: 1,
children: <Widget> [
Container(
child: Column(
children: [
Image.asset('fly.jpg'),
Text("Fly", style: TextStyle(
color: Colors.white,
fontWeight: FontWeight.bold,
fontSize: 18),),
Row(
mainAxisAlignment: MainAxisAlignment.spaceAround,
children: <Widget>[
new InkWell(
onTap: (){
setPlay(new AudioMetadata(name: "Fly"));
},
child: Icon(
Icons.playlist_add,
color: Colors.white,
size: 30.0,
),
),
new InkWell(
onTap: (){
playAudioAllClass('human1');
},
onLongPress: () {
globalPlayer.stop();
},
child: Icon(
Icons.play_circle_outline,
color: Colors.white,
size: 30.0,
),
),
new InkWell(
onTap: (){
setFavList(new FavElement(imagePath: 'human1', name: 'Fly'));
setState(() {
fly= favClicked();
});
},
onLongPress: () {
setState(() {
fly= favNotClicked();
remFavListByName('Fly');
});
},
child: fly,
),
],
),
]),
),
],
)
);
}
@override
bool get wantKeepAlive => true;
}
故障代码：
import 'package:flutter/material.dart';
import 'package:/favorites.dart';
import 'package:/play.dart';
import 'package:/main.dart';
class Weather extends StatefulWidget{
MyApp createState() => MyApp();
}
Icon rain = new Icon(Icons.favorite_border, color: Colors.white, size: 30.0);
favNotClicked() {
return Icon(Icons.favorite_border, color: Colors.white, size: 30.0);
}
Icon favClicked() { // to change the fav element once clicked
return Icon(Icons.favorite, color: Colors.red, size: 30.0);
}
unfavorWeatherIcon(String element){
switch(element){
case "Rain": {rain = favNotClicked();}
break;
}
}
class MyApp extends State<Weather> with AutomaticKeepAliveClientMixin<Weather> {
Widget build(BuildContext context) {
super.build(context);
return Scaffold(
appBar: AppBar(
automaticallyImplyLeading: false,
title: Text("Weather"),
),
body: GridView.count(
shrinkWrap: true,
padding: const EdgeInsets.all(20),
crossAxisCount: 2,
crossAxisSpacing: 10.0,
mainAxisSpacing: 10.0,
childAspectRatio: 1,
children: <Widget> [
Container(
child: Column(
children: [
Image.asset('rain.jpg'),
Text("Rain", style: TextStyle(
color: Colors.white,
fontWeight: FontWeight.bold,
fontSize: 18),),
Row(
mainAxisAlignment: MainAxisAlignment.spaceAround,
children: <Widget>[
new InkWell(
onTap: (){
setPlayList(new AudioMetadata(name: "Rain"));
},
child: Icon(
Icons.playlist_add,
color: Colors.white,
size: 30.0,
),
),
new InkWell(
onTap: (){
playAudioAllClass('rain.mp3');
},
onLongPress: () {
globalPlayer.stop();
},
child: Icon(
Icons.play_circle_outline,
color: Colors.white,
size: 30.0,
),
),
new InkWell(
onTap: (){ //sets favorite and changes the fav icon
setFavList(new FavElement(imagePath: 'rain.jpg', name: 'Rain'));
setState(() {
rain= favClicked();
});
},
onLongPress: () {
setState(() {
rain= favNotClicked();
remFavListByName('Rain');
});
},
child: rain,
),
],
),
]),
),
],
)
);
}
@override
bool get wantKeepAlive => true;
}
在收藏夹类/页面中，以下代码调用位于上述代码段中的 unfavorWeatherIcon 和 unfavorHumanIcon 函数以更新相应类中的按钮。 代码似乎能够成功调用这些函数，但是对于 Weather 类仍然不起作用：
remFavList(int index){
String path = favList.elementAt(index).imagePath;
if (path.contains('human')){
unfavorHumanIcon(favList.elementAt(index).name);
}else if (path.contains('weather')){
unfavorWeatherIcon(favList.elementAt(index).name);
}
favList.remove(favList.elementAt(index));
}
我很感激关于如何修复代码的第二个片段（类 Weather）的任何建议，以便它像第一个片段一样工作。
提前感谢您的时间和帮助:)
0 个解决方案
它是否在 flutter 中给出了标签图标？
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.