我想在顫動中制作一個像下面這樣的高架按鈕。我嘗試了一些諸如邊框之類的東西,但沒有成功。任何人都可以幫助我快速完成。

我試過按照代碼。
ElevatedButton(onPressed: () {},
child: Text(AppLocalizations.of(context).visualization_title)
)
在主題資料中
elevatedButtonTheme: ElevatedButtonThemeData(
style: TextButton.styleFrom(elevation: 6,
minimumSize: Size(double.infinity, 46),
backgroundColor: Color(0xFF7F240F),
padding: EdgeInsets.symmetric(horizontal: 18, vertical: 18),
side: BorderSide(color: Color(0xffC09E63), width: 3),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(6)),
textStyle: TextStyle(
fontFamily: 'JMHTypewriter',
color: Colors.white,
fontSize: 20,
wordSpacing: 2,
letterSpacing: 2)))
uj5u.com熱心網友回復:
試試下面的代碼希望對你有幫助,請參考
uj5u.com熱心網友回復:
嘗試這個。希望它對你有幫助。
Container(
color: Colors.deepOrange,
height: 100,
width: 200,
child: Padding(
padding: const EdgeInsets.all(8.0),
child: ElevatedButton(
onPressed: () { },
child: Text(""),
style: ElevatedButton.styleFrom(
primary: Colors.deepOrange,
side: BorderSide(width:8, color: Colors.yellow)
),
),
),
),
uj5u.com熱心網友回復:
包裹你的Elevated按鈕Container
Container(
color: Color(0xFF7F240F),
width: double.infinity,
height: 46,
padding: EdgeInsets.symmetric(horizontal: 5, vertical: 3),
child: ElevatedButton(
child: Text("test"),
onPressed: null,
style: ButtonStyle(
shape: MaterialStateProperty.all<RoundedRectangleBorder>(
RoundedRectangleBorder(
borderRadius: BorderRadius.circular(0.0),
side: BorderSide( width: 3, color: Color(0xffC09E63))))),
),
)
輸出:

轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/337372.html
標籤:扑
上一篇:影像未從資產中顫動顯示
