Flutter中如何移除Cupertino库？解决RaisedButton无法使用问题

报错原因 #

RaisedButton是Flutter Material Design库的组件，不属于Cupertino（iOS风格）库范畴。仅导入cupertino.dart时，代码无法识别该组件，因此抛出未定义错误。

解决RaisedButton调用问题 #

在代码文件顶部添加Material库的导入语句（若不需要Cupertino库，可直接替换原有的Cupertino导入）：

import 'package:flutter/material.dart';

如果需要同时保留两种风格的组件，可同时导入两个库：

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

移除Cupertino库的步骤 #

• 删除代码中import 'package:flutter/cupertino.dart';这一行导入语句
• 替换所有Cupertino风格组件：比如将CupertinoApp改为MaterialApp，清理所有与Cupertino相关的样式、依赖代码
• 确保项目中没有残留的Cupertino组件引用，避免编译报错

RaisedButton替代CupertinoButton示例 #

原CupertinoButton代码 #

CupertinoButton(
  onPressed: () {
    // 点击事件逻辑
    print("按钮被点击");
  },
  child: const Text('iOS风格按钮'),
  color: CupertinoColors.activeBlue,
)

替换后的RaisedButton代码 #

RaisedButton(
  onPressed: () {
    // 复用相同的点击事件逻辑
    print("按钮被点击");
  },
  child: const Text('Material风格按钮'),
  color: Colors.blue,
  textColor: Colors.white,
)

注意：RaisedButton在Flutter较新版本中已被标记为过时，推荐使用ElevatedButton替代，用法类似：

ElevatedButton(
  onPressed: () {
    print("按钮被点击");
  },
  child: const Text('替代按钮'),
  style: ElevatedButton.styleFrom(
    backgroundColor: Colors.blue,
  ),
)

内容的提问来源于stack exchange，提问作者Simon