在我的顫振應用程式的主螢屏中，我有一個背景影像，我想根據用戶選擇的性別有條件地更改它。
final _gender = [
const DropdownMenuItem(
child: Text('Male'),
value: 1,
),
const DropdownMenuItem(
child: Text('Female'),
value: 0,
),
];
var _genderValue =0;
這是 DropDownButton
DropdownButton(
dropdownColor: const Color(0xFF195190),
value: _genderValue,
items: _gender,style: TextStyle(color: Colors.white),
onChanged: (val) {
setState(() {
_genderValue =val as int;
});
},
),
最后這是背景圖片：
Widget build(BuildContext context) {
return Container(
constraints: const BoxConstraints.expand(),
decoration: const BoxDecoration(
image: DecorationImage(
image: AssetImage('assets/images/FemaleN.png'),
fit: BoxFit.fill)),
child: Scaffold(
.........................
關于如何做到這一點的任何建議。
先感謝您
uj5u.com熱心網友回復：
您的image:屬性行將根據條件進行更改。
喜歡：
image: _genderValue == 0 ? AssetImage('assets/images/FemaleN.png') : AssetImage('assets/images/MaleN.png');
每當您更改下拉串列時，_genderValue變數的值都會發生變化，并且影像會受到影響。
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/494765.html
上一篇：如何將缺口曲線應用于小部件？