flutter - 第三方组件

最新推荐文章于 2024-11-06 10:29:49 发布

原创

最新推荐文章于 2024-11-06 10:29:49 发布 · 552 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#flutter #android #前端

这篇博客介绍了在Flutter中如何使用dio库进行网络请求， dio作为强大的网络请求库，其用法类似于axios。同时，文章详细展示了如何集成flutter_swiper实现轮播图功能，包括图片加载和基本配置。此外，还提及了shared_preferences库在本地数据缓存中的应用，如设置、获取和删除字符串等操作。

第三方库安装过程

在pubspec.yaml 中添加相应的库
安装依赖（put get | flutter packages get | vsCode 中保存一下，会自动下载）
引入（eg： import 'package:shared_preferences/shared_preferences.dart';）
使用（请参考 pub.dev 中示例）

dio 网络请求

dio 官网地址， dio相当于axios，用于发起请求

代码示例：

class Body extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container(
      padding: EdgeInsets.all(10),
      child: ElevatedButton(
        onPressed: () {
          getIp();
        },
        child: Text('点击发送请求'),
      ),
    );
  }

  void getIp() async {
    try {
      final url = 'https://httpbin.org/ip';

      Response res = await Dio().get(url);

      String ip = res.data['origin'];
      print(ip);
    } catch (e) {
      print(e);
    }
  }
}