我正试图在内容类型为url编码的情况下发布帖子请求.当我写body：json.encode(data)时,它编码为纯文本.

如果我写body：data我得到错误类型’_InternalLinkedHashMap< String,dynamic>‘不是类型转换中类型’String’的子类型

这是数据对象

var match = {
  "homeTeam": {"team": "Team A"},"awayTeam": {"team": "Team B"}
};

我的要求

var response = await post(Uri.parse(url),headers: {
      "Accept": "application/json","Content-Type": "application/x-www-form-urlencoded"
    },body: match,encoding: Encoding.getByName("utf-8"));

您需要添加三个额外步骤：
首先,您需要将json映射转换为String(使用json.encode)
然后,如果要将其作为application / x-www-form-urlencoded发送,则需要对其进行Uri编码.
最后,您需要为要发布名称的参数指定.

例如(注意,这是使用dart：io HttpClient,但它基本相同)：

Future<HttpClientResponse> foo() async {
    Map<String,dynamic> jsonMap = {
      'homeTeam': {'team': 'Team A'},'awayTeam': {'team': 'Team B'},};
    String jsonString = json.encode(jsonMap); // encode map to json
    String paramName = 'param'; // give the post param a name
    String formBody = paramName + '=' + Uri.encodeQueryComponent(jsonString);
    List<int> bodyBytes = utf8.encode(formBody); // utf8 encode
    HttpClientRequest request =
        await _httpClient.post(_host,_port,'/a/b/c');
    // it's polite to send the body length to the server
    request.headers.set('Content-Length',bodyBytes.length.toString());
    // todo add other headers here
    request.add(bodyBytes);
    return await request.close();
  }

以上是针对dart：io版本(当然,你可以在Flutter中使用)
如果您想坚持使用该软件包：http版本,那么您需要稍微调整一下Map. body必须是Map< String,String>.您需要确定您想要的POST参数.你想要两个：homeTeam和awayTeam吗？或者一个,比如,teamJson？

这段代码

Map<String,String> body = {
    'name': 'doodle','color': 'blue','homeTeam': json.encode(
      {'team': 'Team A'},),'awayTeam': json.encode(
      {'team': 'Team B'},};

  Response r = await post(
    url,body: body,);

在线上产生这个

name=doodle&color=blue&homeTeam=%7B%22team%22%3A%22Team+A%22%7D&awayTeam=%7B%22team%22%3A%22Team+B%22%7D

或者,这个

Map<String,'teamJson': json.encode({
      'homeTeam': {'team': 'Team A'},}),);

在线上产生这个

name=doodle&color=blue&teamJson=%7B%22homeTeam%22%3A%7B%22team%22%3A%22Team+A%22%7D%2C%22awayTeam%22%3A%7B%22team%22%3A%22Team+B%22%7D%7D

包：http客户端负责：编码Uri.encodeQueryComponent,utf8编码(请注意,这是默认值,因此无需指定)并在Content-Length标头中发送长度.您仍然必须执行json编码.

我想在正确处理cookie的同时向远程服务器发出http请求(例如,存储服务器发送的cookie,并在我发出后续请求时发送这些cookie).保留任何和所有cookie都很好

对于我正在使用的http请求

static Future<Map> postData(Map data) async {
  http.Response res = await http.post(url,body: data); // post api call
  Map data = JSON.decode(res.body);
  return data;
}

这是一个如何获取会话cookie并在后续请求中返回它的示例.您可以轻松地调整它以返回多个cookie.创建一个Session类并通过它来路由所有GET和POST.

class Session {
  Map<String,String> headers = {};

  Future<Map> get(String url) async {
    http.Response response = await http.get(url,headers: headers);
    updateCookie(response);
    return json.decode(response.body);
  }

  Future<Map> post(String url,dynamic data) async {
    http.Response response = await http.post(url,body: data,headers: headers);
    updateCookie(response);
    return json.decode(response.body);
  }

  void updateCookie(http.Response response) {
    String rawCookie = response.headers['set-cookie'];
    if (rawCookie != null) {
      int index = rawCookie.indexOf(';');
      headers['cookie'] =
          (index == -1) ? rawCookie : rawCookie.substring(0,index);
    }
  }
}

我使用Web服务进行图像处理,它在Postman中运行良好：

现在我想用Dart扑灭http请求：

import 'package:http/http.dart' as http;

static ocr(File image) async {
    var url = '${API_URL}ocr';
    var bytes = image.readAsBytesSync();

    var response = await http.post(
        url,headers:{ "Content-Type":"multipart/form-data" },body: { "lang":"fas","image":bytes},encoding: Encoding.getByName("utf-8")
    );

    return response.body;

  }

但是我不知道如何上传图像文件,在上面的代码中我得到异常：错误状态：无法使用内容类型“multipart / form-data”设置Request的正文字段.
我该如何撰写请求正文？

你的解决方法应该有效;许多服务器将接受application / x-www-form-urlencoded作为替代方案(尽管数据编码效率适中).

但是,可以使用dart：http来执行此操作.而不是使用http.post,您将需要使用http.multipartfile对象.

从dart documentation：

var request = new http.MultipartRequest("POST",url);
request.fields['user'] = 'someone@somewhere.com';
request.files.add(http.multipartfile.fromPath(
    'package','build/package.tar.gz',contentType: new MediaType('application','x-tar'),));
request.send().then((response) {
  if (response.statusCode == 200) print("Uploaded!");
});

我需要在我的app工具栏中实现searchview来实现列表视图列表过滤器.像下面的图像,我搜索很多仍然没有得到正确的答案.任何帮助将不胜感激,谢谢你提前

只需用户点击图标,您就需要在状态之间切换.除了一点点重构代码清理之外,这个简单的例子可以让你前进.

class SearchAppBar extends StatefulWidget {
  @override
  _SearchAppBarState createState() => new _SearchAppBarState();
}

class _SearchAppBarState extends State<SearchAppBar> {
  Widget appBarTitle = new Text("AppBar Title");
  Icon actionIcon = new Icon(Icons.search);
  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      appBar: new AppBar(
        centerTitle: true,title:appBarTitle,actions: <Widget>[
          new IconButton(icon: actionIcon,onpressed:(){
          setState(() {
                     if ( this.actionIcon.icon == Icons.search){
                      this.actionIcon = new Icon(Icons.close);
                      this.appBarTitle = new TextField(
                        style: new TextStyle(
                          color: Colors.white,),decoration: new Inputdecoration(
                          prefixIcon: new Icon(Icons.search,color: Colors.white),hintText: "Search...",hintStyle: new TextStyle(color: Colors.white)
                        ),);}
                      else {
                        this.actionIcon = new Icon(Icons.search);
                        this.appBarTitle = new Text("AppBar Title");
                      }


                    });
        },]
      ),);
  }
}