Set clear icon of add package box

This commit is contained in:
fhkhd
2024-05-01 20:52:08 +04:30
parent cb1ef41c79
commit d1b153b9c2
3 changed files with 148 additions and 64 deletions
@@ -236,8 +236,6 @@ class _PackageAddScreenState extends State<PackageAddScreen> {
initialItemValue: packageProvider initialItemValue: packageProvider
.initialItemValue, .initialItemValue,
index: index, index: index,
// filteredItems:
// packageProvider.filteredItems!,
hasRemoveButton: packageProvider hasRemoveButton: packageProvider
.itemValues.length > .itemValues.length >
1 1
+13
View File
@@ -45,6 +45,19 @@ class PackageProvider extends ChangeNotifier {
notifyListeners(); notifyListeners();
} }
bool isClear = false;
setClear(int index) {
isClear = true;
itemValues[index].clear();
notifyListeners();
}
reSetClear() {
isClear = false;
notifyListeners();
}
changeItemVal(String value, int index) { changeItemVal(String value, int index) {
for (var item in filteredItems!) { for (var item in filteredItems!) {
if (item.udi_name == value) { if (item.udi_name == value) {
@@ -99,12 +99,32 @@ class AddItemBox extends StatelessWidget {
width: MediaQuery.of(context).size.width - width: MediaQuery.of(context).size.width -
(40 * _deviceBlockSize), (40 * _deviceBlockSize),
// height: 30, // height: 30,
child: DropdownButtonFormField( child: Consumer<PackageProvider>(
builder: (context, packageProvider, _) {
return DropdownButtonFormField(
decoration: InputDecoration( decoration: InputDecoration(
contentPadding: EdgeInsets.only( contentPadding: EdgeInsets.only(
left: _deviceBlockSize, left: _deviceBlockSize,
), ),
border: InputBorder.none, border: InputBorder.none,
suffixIcon: Padding(
padding: EdgeInsets.all(8),
child: InkWell(
child: Container(
decoration: BoxDecoration(
shape: BoxShape.circle,
color: iconColor,
),
child: Icon(
Icons.clear,
color: Colors.white,
),
),
onTap: () async {
packageProvider.setClear(index);
// _key.currentState?.reset();
},
)),
), ),
iconSize: 7 * _deviceBlockSize, iconSize: 7 * _deviceBlockSize,
icon: Icon( icon: Icon(
@@ -112,11 +132,63 @@ class AddItemBox extends StatelessWidget {
color: Colors.black, color: Colors.black,
), ),
isExpanded: true, isExpanded: true,
selectedItemBuilder: (context) =>
vals.map((val) {
return packageProvider.isClear
? Container(
height: 70,
padding: const EdgeInsets.symmetric(
horizontal: 0),
child: Consumer<PackageProvider>(
builder: (context,
packageProvider, _) {
return TextFormField(
controller: packageProvider
.itemValues[index],
validator: (val) {
if (val!.isEmpty) {
return 'Item required!';
}
return null;
},
decoration: InputDecoration(
contentPadding:
EdgeInsets.only(
bottom: 12,
),
isDense: true,
),
style: TextStyle(
fontWeight: FontWeight.w700,
color: Colors.black,
fontSize:
4 * _deviceBlockSize,
),
);
},
),
)
: new DropdownMenuItem<String>(
enabled: isEnabled,
value: val,
child: Container(
child: Text(
packageProvider.isClear
? ""
: val ?? "",
style: TextStyle(
fontSize:
4 * _deviceBlockSize,
),
),
),
);
}).toList(),
hint: Container( hint: Container(
// width: 100, // width: 100,
height: 70, height: 70,
padding: padding: const EdgeInsets.symmetric(
const EdgeInsets.symmetric(horizontal: 0), horizontal: 0),
child: Consumer<PackageProvider>( child: Consumer<PackageProvider>(
builder: (context, packageProvider, _) { builder: (context, packageProvider, _) {
return TextFormField( return TextFormField(
@@ -144,14 +216,13 @@ class AddItemBox extends StatelessWidget {
), ),
), ),
isDense: true, isDense: true,
// selectedItemBuilder: packageProvider.itemValues[index].value,
items: vals.map((val) { items: vals.map((val) {
return new DropdownMenuItem<String>( return new DropdownMenuItem<String>(
enabled: isEnabled, enabled: isEnabled,
value: val, value: val,
child: Container( child: Container(
child: Text( child: Text(
val, val ?? "",
style: TextStyle( style: TextStyle(
fontSize: 4 * _deviceBlockSize, fontSize: 4 * _deviceBlockSize,
), ),
@@ -159,12 +230,14 @@ class AddItemBox extends StatelessWidget {
), ),
); );
}).toList(), }).toList(),
onChanged: (val) { onChanged: (val) async {
Provider.of<PackageProvider>(context, await packageProvider.reSetClear();
await Provider.of<PackageProvider>(context,
listen: false) listen: false)
.changeItemVal(val!, index); .changeItemVal(val.toString()!, index);
}, },
), );
}),
), ),
Spacer(), Spacer(),
InkWell( InkWell(