所以基本上我一直在try 实现一个动画.还用了flutter_animate 4.2.0+1个套餐. 首先,让我向您展示代码:
在auth_page.dart
个文件中:
class AuthPage extends StatefulWidget {
const AuthPage({super.key});
@override
State<AuthPage> createState() => _AuthPageState();
}
class _AuthPageState extends State<AuthPage> {
@override
Widget build(BuildContext context) {
return Scaffold(
body: Center(
child: Container(
...
child: Column(
mainAxisAlignment: MainAxisAlignment.end,
children: [
////SEE HERE////
AuthBox().animate(target: authBoxTarget ? 1 : 0).slideY(
delay: Duration(milliseconds: 500),
duration: Duration(milliseconds: 500),
begin: 0,
end: 1,
),
///////////
],
),
),
),
);
}
}
在按钮的authbox.dart
文件中:onTap
函数:
onTap: () {
setState(() {
authBoxTarget = true;
});
Future.delayed(
Duration(milliseconds: 100),
() {
showGeneralDialog(
...
transitionBuilder: ... );
return SlideTransition(
position: tween.animate(...),
child: child,
);
},
pageBuilder: (context, _, __) {
return Center(
child: Container(...
child: Center(
child: Text(
'Login',
style: TextStyle(...),
),
),
),
);
},
).then((_) {
setState(() {
authBoxTarget = false;
});
});
},
);
},
这应该行得通,对吗? -当对话框出现时,作者框应该滑下,而在关闭时,作者框应该重新出现. 但这并不意味着对话即将到来,但Authbox不会倒下……为什么?给我一个解决方案.
mail.dart
个文件:mail.dart
个文件:
void main() {
runApp(
MyApp(),
);
Animate.restartOnHotReload = true;
}
class MyApp extends StatelessWidget {
const MyApp({super.key});
@override
Widget build(BuildContext context) {
return MaterialApp(
debugShowCheckedModeBanner: false,
theme: ThemeData.light(),
darkTheme: ThemeData.dark(),
home: const AuthPage(),
);
}
}