You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Flutter中如何移除展示路由传参result时附带的动画效果

解决方案

首先你需要确保路由跳转时传入的result能被NextPage正常接收,直接移除动画相关的ValueListenableBuilder即可,具体修改步骤如下:

  1. 先为NextPage类声明接收result的属性与构造方法(如果还没声明的话):
class NextPage extends StatefulWidget {
  // 类型和你传入的result类型保持一致,如果是int就改为final int result
  final String result;
  const NextPage({super.key, required this.result});

  @override
  State<NextPage> createState() => _NextPageState();
}
  1. 直接替换原build方法中的ValueListenableBuilder组件,直接读取widget.result展示即可:
@override
Widget build(BuildContext context) {
  return Scaffold(
    appBar: AppBar(
      backgroundColor: Colors.transparent,
      elevation: 0,
    ),
    body: Center(
      child: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: [
          Text(
            // 非String类型的result可以调用.toString()转换
            'The result is ${widget.result}',
            style: Theme.of(context).textTheme.headline5,
            textAlign: TextAlign.center,
          ),
        ],
      ),
    ),
  );
}
  1. 清理冗余代码:原State类中声明_animation变量、初始化动画的相关逻辑如果没有其他用途,可以直接删除。

内容的提问来源于stack exchange,提问作者bilbo_bo

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.05 02:36:04