我正在嘗試實作一個功能，在用戶確認洗掉后長按從串列中洗掉所選專案（“是”按鈕和“否”按鈕）。我正在使用 Inkwell。
我嘗試了幾種不同的方法，但找不到任何東西。
我發現了一篇類似的帖子，但沒有用。
注意：我不想使用 Dismissable
這是代碼： -
import 'package:flutter/material.dart';
import 'package:smoorapplication/src/services/api.dart';
import 'package:percent_indicator/percent_indicator.dart';
class BodyFunctionCard extends StatefulWidget{
const BodyFunctionCard({Key key}) : super(key: key);
@override
_BodyFunctionCardHPState createState() => _BodyFunctionCardHPState();
}
class _BodyFunctionCardHPState extends State<BodyFunctionCard>{
List<bool> isExpanded = List.generate(100, (index) => false);
List<bool> isAccepted = List.generate(100,(index) => false);
List<bool> isPicked = List.generate(100,(index) => false);
List<bool> isArrived = List.generate(100,(index) => false);
List<bool> isDelRet = List.generate(100,(index) => false);
List<bool> isFinished = List.generate(100,(index) => false);
List<bool> countfin = List.generate(100,(index) => false);
List<double> lpind = List.generate(100, (index) => 0.0);
@override
Widget build(BuildContext context){
return Card(
child: FutureBuilder(
future: apiGetOrder(),
builder: (BuildContext context, AsyncSnapshot snapshot){
if(snapshot.connectionState == ConnectionState.none || snapshot.hasData == null){
return const Center(child:
Text('Loading data . . . !'),);
}return ListView.builder(
itemCount: snapshot.data.length,
itemBuilder: (BuildContext context, int index) {
return Column(
children: <Widget>[
InkWell(child:
Container(
height: 200,
width: 380,
margin: const EdgeInsets.all(0.0),
decoration: BoxDecoration(
border: Border.all(width: 1.5, color: Colors.grey),
),
child: Column(children: <Widget>[
const SizedBox(height: 3.5,),
Container(
height: 30,
width: 370,
color: const Color.fromRGBO(220,220,220,2.0),
child: Row(children: <Widget>[
Text(' ${snapshot.data[index].orderNumber}', style: const TextStyle(fontSize: 16, fontWeight: FontWeight.bold),),
const SizedBox(width: 130,),
LinearPercentIndicator(
width: 100,
lineHeight: 15,
percent: lpind[index],
backgroundColor: Colors.orange,
progressColor: Colors.lightGreen,
),
const SizedBox(width: 10,),
Text(' ${snapshot.data[index].orderNumber}', style: const TextStyle(fontSize: 16, fontWeight: FontWeight.bold),)
],),
),
const SizedBox(height: 10,),
Row(children: <Widget>[
RichText(text: const TextSpan(
children: [
WidgetSpan(
child: Padding(padding: EdgeInsets.symmetric(horizontal: 10.0),child: Icon(Icons.circle, color: Colors.orange, size: 18,),)
)
]
)),
const Text('PICKUP LOCATION', style: TextStyle(fontSize: 16),)
],),
const SizedBox(height: 5,),
Row(children: <Widget>[
Text(' ${snapshot.data[index].lineItems[0].originLocation.name} ${snapshot.data[index].lineItems[0].originLocation.address1}',
style: const TextStyle(fontWeight: FontWeight.bold, fontSize: 16),
)
],),
Row(children: <Widget>[
Text(' ${snapshot.data[index].lineItems[0].originLocation.address2}',
style: const TextStyle(fontWeight: FontWeight.bold, fontSize: 16),
)
],),
const SizedBox(height: 10,),
Row(children: <Widget>[
RichText(text: const TextSpan(
children: [
WidgetSpan(
child: Padding(padding: EdgeInsets.symmetric(horizontal: 10.0),child: Icon(Icons.circle, color: Colors.lightGreen, size: 18,),)
)
]
)),
const Text('DELIVERY LOCATION', style: TextStyle(fontSize: 16),)
],),
const SizedBox(height: 5,),
Row(children: <Widget>[
Text(' ${snapshot.data[index].lineItems[0].originLocation.name} ${snapshot.data[index].lineItems[0].originLocation.address1}',
style: const TextStyle(fontWeight: FontWeight.bold, fontSize: 16),
)
],),
Row(children: <Widget>[
Text(' ${snapshot.data[index].lineItems[0].originLocation.address2}',
style: const TextStyle(fontWeight: FontWeight.bold, fontSize: 16),
)
],)
],),
),
onTap: (){
setState(() {
isExpanded[index] = !isExpanded[index];
});
},
onLongPress: (){
setState(() {
// I want to delete the item at the current index.
});
},
),
const SizedBox(height: 10,),
],
);
}
);
}
),
);
}
}
我是 Flutter 的新手，我會在學到一些知識的時候幫助別人。
uj5u.com熱心網友回復：
第 1 步：查找 PARTICULAR OBJECT(element) VIA 的索引
Your_List_Name.indexOf(Your_List_Name[index]);
ex:_userData.indexOf(_userData[index])
第 2 步：洗掉特定索引處的物件
Your_LIST_Name.removeAt(index);
ex: _userData.removeAt(index);
根據您的代碼資料是您的串列名稱
uj5u.com熱心網友回復：
你試過這個嗎？
yourList.remove(index);
或者
yourList.removerWhere(()=> yourSnapshotData == theSnaspshotData);
uj5u.com熱心網友回復：
這是一個簡單的例子
class MyHomePage extends StatefulWidget {
final String title;
const MyHomePage({
Key? key,
required this.title,
}) : super(key: key);
@override
_MyHomePageState createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
List items = [
{"name": "item one", "color": Colors.red},
{"name": "item two", "color": Colors.blue},
{"name": "item three", "color": Colors.yellow},
{"name": "item four", "color": Colors.pink},
];
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(widget.title),
),
body: ListView.builder(
itemCount: items.length,
itemBuilder: (context, index) {
return InkWell(
onLongPress: () {
showDialog(
context: context,
builder: (context) => AlertDialog(
title: Text("DELETE?"),
actions: [
IconButton(
icon: Icon(Icons.check),
onPressed: () {
items.removeAt(index);
setState(() {});
Navigator.pop(context);
})
],
));
},
child: Container(
height: 50,
child: Text(items[index]['name']),
color: items[index]['color']));
},
),
);
}
}
uj5u.com熱心網友回復：
我相信你有兩個問題：
- 關于帶有長按選項的按鈕。為此，您可以使用
RawMaterialButton. 下面是示例。
child: RawMaterialButton(
onPressed: (){}, // if you want an action on single press, you can write here
onLongPress: () => _confirmationBox(snapshot.data[index]), // call a function on long press
),
- 您想顯示一個確認框。為此，您可以使用
showDialog. 請參閱以下示例。
void _confirmationBox(BuildContext context) {
showDialog(
context: context,
builder: (context) => AlertDialog(
title: const Text('Are you sure?'),
content: const Text('On pressing OK it will get deleted'),
actions: [
SizedBox(
height: 50,
child: TextButton(
onPressed: (){
snapshot.data.removeAt(index);
},
child: const Text(
'Ok',
),
),
),
SizedBox(
height: 50,
child: TextButton(
onPressed: (){},
child: const Text(
'Cancel',
),
),
),
],
),
);
}
注意：更好的方法是使用資料的 id 將其從串列中洗掉，而不是使用索引值。
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/394371.html