flutter Dio发送post请求

一,导包

python 复制代码
dependencies:
  flutter:
    sdk: flutter
  dio: ^4.0.6

二,请求、解析、刷新渲染

Dart 复制代码
import 'dart:convert';

import 'package:dio/dio.dart';
import 'package:flutter/material.dart';

main() {
  runApp(const MaterialApp(
    home: H(),
  ));
}

class H extends StatefulWidget {
  const H({super.key});

  @override
  State<H> createState() => _HState();
}

class _HState extends State<H> {
  String _resStr = "";

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(
          title: const Text("抓包测试"),
        ),
        body: Center(
          child: Text(
            _resStr,
            style: const TextStyle(fontSize: 30),
          ),
        ),
        floatingActionButton:
            FloatingActionButton(onPressed: _postRequestFunction));
  }

  void _postRequestFunction() async {
    Dio dio = Dio();
    FormData formData = FormData.fromMap({"sourceText": "Who are you?"});
    String url = "https://api.oioweb.cn/api/txt/QQFanyi";
    Response response = await dio.post(url, data: formData);
    setState(() {
      _resStr =
          json.decode(response.toString())["result"]["targetText"].toString();
    });
  }
}

三,效果

点击按钮,屏幕中心出现对应的翻译结果

相关推荐
苦逼的搬砖工3 小时前
Flutter 其他组件:让交互更丰富
flutter
苦逼的搬砖工3 小时前
Flutter PageView 页面视图深度解析:从基础到高级
flutter
tangweiguo030519875 小时前
Flutter性能优化完全指南:构建流畅应用的实用策略
android·flutter
LinXunFeng18 小时前
Flutter - 详情页初始锚点与优化
前端·flutter·开源
苦逼的搬砖工19 小时前
Flutter 文本输入:让用户与你的应用对话
flutter
苦逼的搬砖工19 小时前
Flutter Text 组件深度解析:从入门到精通
flutter
苦逼的搬砖工19 小时前
# 🎨 Flutter UI 组件深度指南
flutter
君赏21 小时前
Petrel(雨燕) 新一代 Flutter Web 热更新框架.
flutter
会煮咖啡的猫1 天前
Cursor 0.46 Flutter 开发者首选
flutter
会煮咖啡的猫1 天前
Flutter GetX 4.7.2 发布:被严重低估的强大框架
flutter