flutter - 颤振错误:未处理的异常:类型'未来' 不是类型 'Future 的子类型?
问题描述
我正在关注 Max 的 Flutter 教程,并且在处理 http 请求部分时遇到错误:
我正在从 URL 中删除“.json”以创建错误,但是它没有正确处理 错误对话框显示&当按下平面按钮时它的功能(pop),但它仍然在 CircularProgressIndicator 页面上(加载/微调页面)
编辑1:我正在谈论的错误不是缺少的 .json ,我正在删除 .json 以查看我的代码如何解决错误。
我的代码:
在 8,577 毫秒内重新启动应用程序。在 1,869 毫秒内重新加载了 634 个库中的 0 个。E/flutter(3845):[错误:flutter/lib/ui/ui_dart_state.cc(177)]未处理的异常:类型“未来”不是“未来”类型的子类型?E/flutter (3845): #0 _FutureListener.handleError (dart:async/future_impl.dart:160:20) E/flutter (3845): #1
Future._propagateToListeners.handleError (dart:async/future_impl.dart:708: 47) E/flutter (3845): #2
Future._propagateToListeners (dart:async/future_impl.dart:729:24) E/flutter (3845): #3 Future._completeWithValue (dart:async/future_impl.dart:529: 5) E/flutter (3845): #4
_AsyncAwaitCompleter.complete (dart:async-patch/async_patch.dart:40:15) E/flutter (3845): #5
_completeOnAsyncReturn (dart:async-patch/async_patch.dart:311:13) E/flutter (3845): #6 _withClient (package:http/http.dart) package:http/http.dart:1 E/flutter (3845) : #7 _rootRunUnary (dart:async/zone.dart:1198:47)
./providers/products_provider.dart
import 'dart:convert';
import 'package:flutter/material.dart';
import './product.dart';
import 'package:http/http.dart' as http;
class Products with ChangeNotifier {
List<Product> _items = [
Product(
id: 'p1',
title: 'Red Shirt',
description: 'A red shirt - it is pretty red!',
price: 29.99,
imageUrl:
'https://cdn.pixabay.com/photo/2016/10/02/22/17/red-t-shirt-1710578_1280.jpg',
),
];
List<Product> get items {
return [..._items];
}
List<Product> get favsItems {
return _items.where((element) => element.isFavourite).toList();
}
Future<void> addProduct(Product prod) {
const url =
'https://learning-5048e-default-rtdb.firebaseio.com/products';
return http
.post(url,
body: json.encode({
'title': prod.title,
'description': prod.description,
'price': prod.price,
'imageUrl': prod.imageUrl,
'isFavourite': prod.isFavourite
}))
.then((response) {
final newProduct = Product(
id: json.decode(response.body)['name'],
title: prod.title,
description: prod.description,
price: prod.price,
imageUrl: prod.imageUrl);
_items.add(newProduct);
notifyListeners();
}).catchError((error){
throw error;
});
}
void updateProduct(String id, Product xxx) {
final productIndex = _items.indexWhere((element) => element.id == id);
_items[productIndex] = xxx;
notifyListeners();
}
void deleteProduct(String id) {
_items.removeWhere((element) => element.id == id);
notifyListeners();
}
Product findById(productId) {
return _items.firstWhere((element) => element.id == productId);
}
}
./screens/edit_product_screen.dart
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import '../providers/product.dart';
import '../providers/products_provider.dart';
class EditProductScreen extends StatefulWidget {
static const routeName = '/edit-product';
@override
_EditProductScreenState createState() => _EditProductScreenState();
}
class _EditProductScreenState extends State<EditProductScreen> {
final _priceFocusNode = FocusNode();
final _describtionFocusNode = FocusNode();
final _imageEditingController = TextEditingController();
final _imageUrlFocusNode = FocusNode();
final _form = GlobalKey<FormState>();
var _editedProduct =
Product(id: null, title: '', description: '', price: 0, imageUrl: '');
var _initVals = {
'title ': '',
'description': '',
'price': '',
'imageUrl': ''
};
var _isinit = true;
var _isLoading = false;
@override
void initState() {
_imageUrlFocusNode.addListener(_updateImage);
super.initState();
}
@override
void didChangeDependencies() {
if (_isinit) {
final productId = ModalRoute.of(context).settings.arguments as String;
if (productId != null) {
_editedProduct =
Provider.of<Products>(context, listen: false).findById(productId);
print(_editedProduct.id);
_initVals = {
'title': _editedProduct.title,
'description': _editedProduct.description,
'price': _editedProduct.price.toString(),
// 'imageUrl': _editedProduct.imageUrl
// 'imageUrl': ''
};
_imageEditingController.text = _editedProduct.imageUrl;
}
}
_isinit = false;
super.didChangeDependencies();
}
@override
void dispose() {
_imageUrlFocusNode.removeListener(_updateImage);
_priceFocusNode.dispose();
_describtionFocusNode.dispose();
_imageEditingController.dispose();
_imageUrlFocusNode.dispose();
super.dispose();
}
void _updateImage() {
if (!_imageEditingController.text.endsWith('jpg') &&
!_imageEditingController.text.endsWith('png') &
!_imageEditingController.text.startsWith('http') &&
!_imageEditingController.text.startsWith('https')) {
return;
}
if (!_imageUrlFocusNode.hasFocus) {
setState(() {});
}
}
void saveForm() {
// final isValid = _form.currentState.validate();
if (!_form.currentState.validate()) {
return;
}
_form.currentState.save();
setState(() {
_isLoading = true;
});
if (_editedProduct.id != null) {
Provider.of<Products>(context, listen: false)
.updateProduct(_editedProduct.id, _editedProduct);
setState(() {
_isLoading = false;
});
Navigator.of(context).pop();
} else {
Provider.of<Products>(context, listen: false)
.addProduct(_editedProduct)
.catchError((onError) {
return showDialog(
context: context,
builder: (ctx) => AlertDialog(
title: Text('Error!'),
content: Text('Error Occured!'),
actions: <Widget>[
FlatButton(
onPressed: () {
Navigator.of(ctx).pop();
},
child: Text('OK'))
],
));
}).then((_) {
setState(() {
_isLoading = false;
});
Navigator.of(context).pop();
});
}
}
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Edit Product'),
actions: [IconButton(icon: Icon(Icons.save), onPressed: saveForm)],
),
body: _isLoading
? Center(child: CircularProgressIndicator())
: Padding(
padding: EdgeInsets.all(15),
child: Form(
key: _form,
child: ListView(children: [
TextFormField(
initialValue: _initVals['title'],
decoration: InputDecoration(labelText: 'Title'),
textInputAction: TextInputAction.next,
onFieldSubmitted: (_) {
FocusScope.of(context).requestFocus(_priceFocusNode);
},
onSaved: (val) {
_editedProduct = Product(
id: _editedProduct.id,
title: val,
description: _editedProduct.description,
price: _editedProduct.price,
imageUrl: _editedProduct.imageUrl,
isFavourite: _editedProduct.isFavourite,
);
},
validator: (value) {
if (value.isEmpty) {
return 'Please Provide A Valid Title Name';
}
return null;
},
),
TextFormField(
initialValue: _initVals['price'],
decoration: InputDecoration(labelText: 'Price'),
textInputAction: TextInputAction.next,
keyboardType: TextInputType.number,
focusNode: _priceFocusNode,
onFieldSubmitted: (_) {
Focus.of(context).requestFocus(_describtionFocusNode);
},
onSaved: (val) {
_editedProduct = Product(
id: _editedProduct.id,
title: _editedProduct.title,
description: _editedProduct.description,
price: double.parse(val),
imageUrl: _editedProduct.imageUrl,
isFavourite: _editedProduct.isFavourite,
);
},
validator: (value) {
if (value.isEmpty) {
return 'Please Enter A Price';
}
if (double.tryParse(value) == null ||
double.tryParse(value) <= 0) {
return 'Please Enter A Valid Price';
}
return null;
},
),
TextFormField(
initialValue: _initVals['description'],
decoration: InputDecoration(labelText: 'Description'),
keyboardType: TextInputType.text,
maxLines: 3,
focusNode: _describtionFocusNode,
onSaved: (val) {
_editedProduct = Product(
id: _editedProduct.id,
title: _editedProduct.title,
description: val,
price: _editedProduct.price,
imageUrl: _editedProduct.imageUrl,
isFavourite: _editedProduct.isFavourite,
);
},
validator: (value) {
if (value.isEmpty) {
return 'Please Enter A Valid Description';
}
return null;
},
),
Row(crossAxisAlignment: CrossAxisAlignment.end, children: [
Container(
child: _imageEditingController.text.isEmpty
? Text('Insert Image')
: FittedBox(
fit: BoxFit.cover,
child: Image.network(
_imageEditingController.text)),
margin: EdgeInsets.only(top: 10, right: 10),
width: 100,
height: 100,
decoration: BoxDecoration(border: Border.all(width: 1)),
),
Expanded(
child: TextFormField(
// initialValue: _initVals['imageUrl'],
decoration: InputDecoration(labelText: 'Image URL'),
keyboardType: TextInputType.url,
textInputAction: TextInputAction.done,
controller: _imageEditingController,
focusNode: _imageUrlFocusNode,
onFieldSubmitted: (_) {
saveForm();
},
onSaved: (value) {
_editedProduct = Product(
id: _editedProduct.id,
title: _editedProduct.title,
description: _editedProduct.description,
price: _editedProduct.price,
imageUrl: value,
isFavourite: _editedProduct.isFavourite,
);
},
validator: (value) {
if (value.isEmpty) {
return 'Please Enter A Valid Image URL';
}
if (!value.endsWith('jpg') &&
!value.endsWith('png') &&
!value.endsWith('bmp')) {
return 'Please Enter A valid Url For The Image';
}
return null;
},
),
)
])
])),
),
);
}
}
解决方案
向此 URL 发出 POST 请求
https://learning-5048e-default-rtdb.firebaseio.com/products
回应是:
append .json to your request URI to use the REST API.
接下来,jsonDecode 尝试解码此响应,并在失败时抛出FormatException,因为很明显,它不是 JSON 格式。
似乎 URL 本身有问题。正如响应所暗示的,在 URL 的末尾添加 .json :
https://learning-5048e-default-rtdb.firebaseio.com/products.json
我试过了,当发出带有正文的 POST 请求时,它会返回一些 json 响应,这可能是您正在寻找的。
推荐阅读
- python - 如何在给定张量流中每个值的概率的情况下对张量值进行采样?
- vim - 在 vimscript 的光标后插入文本块
- docker - 如何在启动容器时获取golang docker客户端的其余响应代码?
- php - 如何从 laravel 的数据库中获取数据?
- python - 正则表达式读取文件并在 Python 中从文件内部返回匹配模式之后的第一行
- camunda-modeler - Modeller 部署在 https camunda 共享服务器上
- javascript - 如何根据单元格中的值更改表格中的背景(反应)
- android - 嵌套的回收器视图无法显示两个独立的列表
- python - 如何用其数值表示替换分类变量以进一步计算它们的相关性?
- java - 使用 itext 提取子字符串和超级字符串