所以我是 Dart & Flutter 的新手，遇到了一個問題。我正在嘗試學習布局并對文本和按鈕小部件進行細微的 UI 更改。在這里，我正在嘗試將顏色更改ElevatedButton為blue
import 'package:flutter/material.dart';
class Answer extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Container(
width: double.infinity,
child: ElevatedButton(
color: Colors.blue,
child: Text('Answer 1'),
onPressed: null,
),
);
}
}
當我運行代碼時，我收到此錯誤：
Error: no named parameter with the name 'color'
我認為使用按鈕可以更改顏色引數。實作這一點的正確方法是什么？
uj5u.com熱心網友回復：
您可以使用 styleFrom 設定 ElevatedButton 的樣式
ElevatedButton(
child: const Text('Button'),
onPressed: () {},
style: ElevatedButton.styleFrom(
primary: Colors.purple,
),
或者你可以使用 ButtonStyle 類
ElevatedButton(
child: const Text('Button'),
onPressed: () {},
style: ButtonStyle(
backgroundColor: MaterialStateProperty.all(Colors.red),
),
uj5u.com熱心網友回復：
ElevatedButton(
style: ElevatedButton.styleFrom({
Color primary, // set the background color
Color onPrimary, // foreground
}),
),
uj5u.com熱心網友回復：
在 Flutter 中，一些小部件處理用于一般應用程式主題目的的樣式和主題，因為它不允許直接更改顏色，而是使用樣式引數：
ElevatedButton(
style: ElevatedButton.styleFrom({
Color primary: Colors.green,
Color onPrimary: Colors.white,
}),
),
有關更多資訊，請訪問Flutter 檔案 ElevatedButton.styeFrom并嘗試不同的引數。
歡迎來到顫振。
uj5u.com熱心網友回復：
您可以通過以下方式設定 ElevatedButton 樣式：
ElevatedButton(
style: ButtonStyle(
backgroundColor: MaterialStateProperty
.all<Color>(Colors.blue),
foregroundColor: MaterialStateProperty
.all<Color>(Colors.white),
),
child: Text('your text'),
onPressed: null,
),
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/470229.html