我最近试图添加Firebase fcm，但它不能正常工作，仅导致了几个错误，因此我将所有内容回滚到了原始的RUNNING代码，但在此过程中升级了抖动...自v1.3.10起，Hero无法包含子级中的另一个Hero小部件，但找不到修复程序。 （理想情况下不想将版本改回来）
我已经检查了heroTags，也找不到任何嵌套的Hero小部件-也许是因为动画生成器？
import 'package:flutter/material.dart';
import 'dart:math';
import 'package:vector_math/vector_math.dart' show radians, Vector3;
import 'package:font_awesome_flutter/font_awesome_flutter.dart';
import './Custom Icons/my_flutter_app_icons.dart' as CustomIcons;
import 'package:startoversword/liftPage.dart';
import 'package:startoversword/analWinkPage.dart';
import 'package:startoversword/lipPage.dart';
import 'package:startoversword/windscreenWiperPage.dart';
import 'package:startoversword/highHeelPage.dart';
import 'package:startoversword/rollerCoasterPage.dart';
import 'package:startoversword/notificationPage.dart';
import 'package:flutter/services.dart';
void main() async {
await SystemChrome.setPreferredOrientations([DeviceOrientation.portraitUp]);
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Menu',
home: _placeMyAppScaffold(),
);
}
}
class _placeMyAppScaffold extends StatelessWidget {
Color defaultPink = Colors.white;
Color pageThemeColor = Color(0xffF599E9);
@override
Widget build(BuildContext context) {
// TODO: implement build
return Scaffold(
body: SizedBox.expand(child: RadialMenu()),
appBar: AppBar(
actions: <Widget>[
FlatButton(
child: Icon(Icons.notifications, color: Colors.white, size: 50.0),
onPressed: () {
print("notification pressed");
Navigator.push(
context,
MaterialPageRoute(
builder: (context) => NotificationPage()));
},
),
],
title: Text('The S Word'),
backgroundColor: pageThemeColor,
));
}
}
class RadialMenu extends StatefulWidget {
createState() => _RadialMenuState();
}
class _RadialMenuState extends State<RadialMenu>
with SingleTickerProviderStateMixin {
AnimationController controller;
@override
void initState() {
super.initState();
controller =
AnimationController(duration: Duration(milliseconds: 900), vsync: this);
}
@override
Widget build(BuildContext context) {
return RadialAnimation(controller: controller);
}
@override
void dispose() {
controller.dispose();
super.dispose();
}
}
class RadialAnimation extends StatelessWidget {
RadialAnimation({Key key, this.controller})
: translation = Tween<double>(
begin: 0.0,
end: 100.0,
).animate(
CurvedAnimation(parent: controller, curve: Curves.elasticOut),
),
scale = Tween<double>(
begin: 1.5,
end: 0.0,
).animate(
CurvedAnimation(parent: controller, curve: Curves.fastOutSlowIn),
),
rotation = Tween<double>(
begin: 0.0,
end: 360.0,
).animate(
CurvedAnimation(
parent: controller,
curve: Interval(
0.0,
0.7,
curve: Curves.decelerate,
),
),
),
super(key: key);
final AnimationController controller;
final Animation<double> rotation;
final Animation<double> translation;
final Animation<double> scale;
@override
Widget build(BuildContext context) {
Color defaultPink = Color(0xffF599E9);
return AnimatedBuilder(
animation: controller,
builder: (context, widget) {
return Transform.rotate(
angle: radians(rotation.value),
child: Stack(alignment: Alignment.center, children: <Widget>[
Hero(
tag: "liftScreenButton",
child: Container(
child: _buildButton(
30,
color: Color(0xfff665c6),
icon: CustomIcons.YoniFonts.lift,
context: context,
nextScreen: 'LiftScreen',
),
),
),
Hero(
tag: "winkScreenButton",
child: Container(
child: _buildButton(
90,
color: Color(0xffe654be),
icon: CustomIcons.YoniFonts.dot_circled,
context: context,
nextScreen: 'winkScreen',
),
),
),
Hero(
tag: "lipScreenButton",
child: Container(
child: _buildButton(
150,
color: Color(0xffd643b7),
icon: CustomIcons.YoniFonts.lips,
context: context,
nextScreen: 'lipScreen',
),
),
),
Hero(
tag: "windscreenWiperScreenButton",
child: Container(
child: _buildButton(
210,
color: Color(0xffc632b0),
icon: CustomIcons.YoniFonts.car,
context: context,
nextScreen: 'WindscreenWiperScreen',
),
),
),
Hero(
tag: "highHeelScreenButton",
child: Container(
child: _buildButton(
270,
color: Color(0xffb621a9),
icon: CustomIcons.YoniFonts.high_heels,
context: context,
nextScreen: 'HighHeelScreen',
),
),
),
Hero(
tag: "rollerCoasterScreenButton",
child: Container(
child: _buildButton(
330,
color: Color(0xffa711a2),
icon: CustomIcons.YoniFonts.roller_coaster,
context: context,
nextScreen: 'rollerCoasterScreen',
),
),
),
Transform.scale(
scale: scale.value - 1,
child: FloatingActionButton(
child: Icon(CustomIcons.YoniFonts.upsideDownYoni),
heroTag: "upsideDownYoni",
onPressed: _close,
backgroundColor: defaultPink),
),
Transform.scale(
scale: scale.value,
child: FloatingActionButton(
heroTag: "initalYoni",
child: Icon(CustomIcons.YoniFonts.yoni),
onPressed: _open,
backgroundColor: defaultPink,
),
)
]));
});
}
_open() {
controller.forward();
}
_close({context, String nextScreen}) {
controller.reverse();
if (nextScreen == 'LiftScreen') {
print("NEXT SCREEN IS LIFTPAGE");
Navigator.push(
context, MaterialPageRoute(builder: (context) => LiftPage()));
} else if (nextScreen == "winkScreen") {
print("NEXT SCREEN IS WINKPAGE");
Navigator.push(
context, MaterialPageRoute(builder: (context) => WinkPage()));
} else if (nextScreen == "lipScreen") {
print("NEXT SCREEN IS LIP PAGE");
Navigator.push(
context, MaterialPageRoute(builder: (context) => LipPage()));
} else if (nextScreen == "WindscreenWiperScreen") {
print("NEXT SCREEN IS WINDSCREENWIPERPAGE");
Navigator.push(context,
MaterialPageRoute(builder: (context) => WindScreenWiperPage()));
} else if (nextScreen == "HighHeelScreen") {
print("NEXT SCREEN IS HIGHHEELPAGE");
Navigator.push(
context, MaterialPageRoute(builder: (context) => HighHeelPage()));
} else if (nextScreen == "rollerCoasterScreen") {
print("NEXT SCREEN IS ROLLERCOASTERPAGE");
Navigator.push(context,
MaterialPageRoute(builder: (context) => RollerCoasterPage()));
} else {
return;
}
;
}
_buildButton(double angle,
{Color color, IconData icon, context, String nextScreen}) {
final double rad = radians(angle);
return Transform(
transform: Matrix4.identity()
..translate(
(translation.value) * cos(rad), (translation.value) * sin(rad)),
child: FloatingActionButton(
child: Icon(icon),
heroTag: nextScreen,
backgroundColor: color,
onPressed: () => _close(context: context, nextScreen: nextScreen),
elevation: 0));
}
}
错误消息指向
_buildButton(double angle,
{Color color, IconData icon, context, String nextScreen}) {
final double rad = radians(angle);
return Transform(
transform: Matrix4.identity()
..translate(
(translation.value) * cos(rad), (translation.value) * sin(rad)),
child: FloatingActionButton(
child: Icon(icon),
heroTag: nextScreen, //error here
backgroundColor: color,
onPressed: () => _close(context: context, nextScreen: nextScreen),
elevation: 0));
}
}
有趣的是这里的完整输出
I/flutter (20678): #431 ComponentElement.mount
package:flutter/…/widgets/framework.dart:3911
I/flutter (20678): #432 Element.inflateWidget
package:flutter/…/widgets/framework.dart:3093
I/flutter (20678): #433 Element.updateChild
package:flutter/…/widgets/framework.dart:2896
I/flutter (20678): #434 RenderObjectToWidgetElement._rebuild
package:flutter/…/widgets/binding.dart:940
I/flutter (20678): #435 RenderObjectToWidgetElement.mount
package:flutter/…/widgets/binding.dart:911
I/flutter (20678): #436 RenderObjectToWidgetAdapter.attachToRenderTree.<anonymous closure>
package:flutter/…/widgets/binding.dart:857
I/flutter (20678): #437 BuildOwner.buildScope
package:flutter/…/widgets/framework.dart:2320
I/flutter (20678): #438 RenderObjectToWidgetAdapter.attachToRenderTree
package:flutter/…/widgets/binding.dart:856
I/flutter (20678): #439 _WidgetsFlutterBinding&BindingBase&GestureBinding&ServicesBinding&SchedulerBinding&PaintingBinding&SemanticsBinding&RendererBinding&WidgetsBinding.attachRootWidget
package:flutter/…/widgets/binding.dart:737
I/flutter (20678): #440 runApp
package:flutter/…/widgets/binding.dart:787
I/flutter (20678): #441 main
package:startoversword/main.dart:21
I/flutter (20678): #452 SystemChrome.setPreferredOrientations (package:flutter/src/services/system_chrome.dart)
I/flutter (20678): #463 OptionalMethodChannel.invokeMethod (package:flutter/src/services/platform_channel.dart)
I/flutter (20678): #474 MethodChannel.invokeMethod (package:flutter/src/services/platform_channel.dart)
I/flutter (20678): (elided 46 frames from class _AssertionError, package dart:async, and package dart:async-patch)
I/flutter (20678):
I/flutter (20678): ════════════════════════════════════════════════════════════════════════════════════════════════════
I/flutter (20678): Another exception was thrown: A Hero widget cannot be the descendant of another Hero widget.
I/chatty (20678): uid=10088(com.oxspines.talkingsword) 1.ui identical 3 lines
I/flutter (20678): Another exception was thrown: A Hero widget cannot be the descendant of another Hero widget.
I/OpenGLRenderer(20678): Davey! duration=865ms; Flags=0, IntendedVsync=76957734745126, Vsync=76957768078458, OldestInputEvent=9223372036854775807, NewestInputEvent=0, HandleInputStart=76957769369260, AnimationStart=76957769756360, PerformTraversalsStart=76957774959760, DrawStart=76957778308860, SyncQueued=76957778894960, SyncStart=76957788359860, IssueDrawCommandsStart=76957793180660, SwapBuffers=76957809783260, FrameCompleted=76958609467060, DequeueBufferDuration=116998000, QueueBufferDuration=12148000,
I/Choreographer(20678): Skipped 57 frames! The application may be doing too much work on its main thread.
I/OpenGLRenderer(20678): Davey! duration=1061ms; Flags=0, IntendedVsync=76957801411790, Vsync=76958751411752, OldestInputEvent=9223372036854775807, NewestInputEvent=0, HandleInputStart=76958769243160, AnimationStart=76958772853660, PerformTraversalsStart=76958779455160, DrawStart=76958795072260, SyncQueued=76958796183260, SyncStart=76958889098460, IssueDrawCommandsStart=76958889855560, SwapBuffers=76958893194360, FrameCompleted=76958955694360, DequeueBufferDuration=35517000, QueueBufferDuration=4901000,
答案 0 :(得分：0)
那是因为FloatingActionButton已经有一个Hero小部件包装了它（请检查其源代码）。 然后在您的代码中将FAB嵌入另一个Hero小部件中。
要解决此问题，您只需将FAB中的“ heroTag”属性设置为“ null”，或删除该FAB周围的包装Hero小部件，只保留默认值即可。
答案 1 :(得分：0)
此问题的一个简单解决方案是使用Stack和重叠那些hero小部件，因此hero小部件将不再是hero小部件的子级，但是请记住，两个hero小部件的标签应该不同！ 希望对您有帮助。