Flutter中RaisedButton页面导航跳转功能失效问题求助

云原生阿岚

2026-8-12

问题排查与修复方案

1. 语法错误导致按钮无法正常渲染

你的代码存在两处关键语法问题：

Color: 需改为小写的 color:，Flutter组件参数名以驼峰小写开头
Text 组件闭合括号后多了一个冗余逗号，破坏了RaisedButton的参数结构

2. `RaisedButton`已被官方弃用

Flutter 2.0+版本中，RaisedButton已被标记为弃用，官方推荐使用ElevatedButton替代。

修复后的完整代码

import 'package:flutter/material.dart';
import 'package:ionicons/ionicons.dart';
import 'package:avenique/pages/PlanningPaymentScreen.dart';

class RootApp extends StatelessWidget {
  RootApp({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        leading: IconButton(
            onPressed: () {
              print("menu pressed");
            },
            icon: Icon(Icons.menu)),
        title: const Text("PlanningPage"),
        actions: <Widget>[
          IconButton(
              onPressed: () {
                print("search pressed");
              },
              icon: Icon(Icons.search)),
        ],
      ),
      body: Center(
        child: ElevatedButton(
          style: ElevatedButton.styleFrom(
            backgroundColor: Color.fromARGB(255, 0, 0, 0),
          ),
          child: const Text(
            'Next Screen',
            style: TextStyle(
              color: Color.fromARGB(255, 255, 255, 255),
            ),
          ),
          onPressed: () {
            Navigator.push(
              context,
              MaterialPageRoute(
                  builder: (context) => PlanningPaymentScreen()),
            );
          },
        ),
      ),
    );
  }
}