要避免在RawMaterialButton
和FlatButton
的默认颜色和高亮颜色之间进行颜色渐变,可以自定义按钮的颜色并将高亮颜色设置为与默认颜色相同。
以下是一个示例代码,演示如何实现这个解决方法:
import 'package:flutter/material.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Button Example',
theme: ThemeData(
primarySwatch: Colors.blue,
visualDensity: VisualDensity.adaptivePlatformDensity,
),
home: MyHomePage(),
);
}
}
class MyHomePage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Button Example'),
),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
RawMaterialButton(
onPressed: () {},
elevation: 2.0,
fillColor: Colors.blue,
highlightColor: Colors.blue, // 将高亮颜色设置为与默认颜色相同
child: Text(
'RawMaterialButton',
style: TextStyle(color: Colors.white),
),
),
SizedBox(height: 20),
FlatButton(
onPressed: () {},
color: Colors.blue,
highlightColor: Colors.blue, // 将高亮颜色设置为与默认颜色相同
child: Text(
'FlatButton',
style: TextStyle(color: Colors.white),
),
),
],
),
),
);
}
}
在这个示例中,我们分别使用RawMaterialButton
和FlatButton
创建了两个按钮。为了避免颜色渐变,我们将按钮的高亮颜色设置为与默认颜色相同。这样,在按下按钮时,按钮的颜色不会发生变化。
注意,以上代码示例中的颜色和样式可能与您的应用程序主题不同,您可以根据自己的需要进行调整。