【发布时间】：2019-08-16 11:08:22
【问题描述】：
我试图让列表在按下弹出菜单上的删除选项后自动刷新。它将删除选定的 从 api 调用的项目列表中的项目。该项目应在按下删除后立即消失。
用 api 数据填充列表的 API 调用：
List data;
@override
void initState() {
super.initState();
this.getJsonData();
}
Future<String> getJsonData() async {
var response = await http.get(
Uri.encodeFull(url),
headers: {"Accept": "application/json"},
);
var extractdata = json.decode(response.body);
data = extractdata['levels'];
levelsData = data;
setState(
() {
var extractdata = json.decode(response.body);
data = extractdata['levels'];
},
);
return "Success";
}
...
删除的API调用：
delete() async {
String url = "http://31.183.125.253:8080/users";
Map map = {
'price': 1.23,
'user_id': 'user2'
};
print(await apiRequest(url, map));
}
Future<String> apiRequest(String url, Map jsonMap) async {
HttpClient httpClient = new HttpClient();
HttpClientRequest request = await httpClient.deleteUrl(Uri.parse(url));
request.headers.set('content-type', 'application/json');
request.add(utf8.encode(json.encode(jsonMap)));
HttpClientResponse response = await request.close();
String statusCode = response.statusCode.toString();
String reply = await response.transform(utf8.decoder).join();
print(statusCode);
httpClient.close();
return reply;
}
存储来自 api 调用的列表的扩展磁贴：
...
var levelsData = [];
@override
Widget build(BuildContext context) {
List<dynamic> _getChildren() {
List<Widget> children = [];
levelsData.forEach(
(element) {
children.add(
ListTile(
title: Text(element['price'].toString(),
trailing: PopUpMenu(
onDelete: () {
setState(() {
delete();
});
}))
);}
);
return children;
}
}
...
弹出菜单：
class PopUpMenu extends StatelessWidget {
VoidCallback onDelete;
PopUpMenu({this.onDelete});
void showMenuSelection(String value) {
switch (value) {
case 'Delete':
onDelete();
break;
// Other cases for other menu options
}
}
我可以删除选择要删除的项目，但该项目没有从列表中消失，也没有显示列表的更改。
【问题讨论】：
-
你在哪里设置
levelsData？ -
它在我调用的另一个类中。更新了上面的代码
-
按下按钮时只需调用 setState() 。 （当然是在删除之后）
-
我做到了。但它没有刷新列表