美文网首页
Flutter:配置资源文件和依赖库

Flutter:配置资源文件和依赖库

作者: 时光啊混蛋_97boy | 来源:发表于2023-01-29 13:48 被阅读0次

    原创:有趣知识点摸索型文章
    创作不易,请珍惜,之后会持续更新,不断完善
    个人比较喜欢做笔记和写总结,毕竟好记性不如烂笔头哈哈,这些文章记录了我的IOS成长历程,希望能与大家一起进步
    温馨提示:由于简书不支持目录跳转,大家可通过command + F 输入目录标题后迅速寻找到你所需要的内容

    目录

    • 1、配置资源文件
    • 2、配置依赖库

    1、配置资源文件

    a、ICON 图标

    在Flutter官方的 Icons 图标设计网站搜索图标名称。

    b、导入图标依赖库
    cupertino_icons: ^0.1.2
    

    2、配置依赖库

    a、寻找需要的库

    在Flutter官方的依赖库网站 pub.dev 搜索你需要的库,以网络请求库Dio为例。

    搜索结果如下


    b、研读官网的安装和使用方式

    如果需要更为详细的使用方式可以查看example页面。


    c、在项目中安装依赖库

    首先需要将需要安装的依赖库添加到配置文件中

    然后在终端运行Flutter依赖库的安装命令即可

    flutter run 或者 flutter packages get
    

    接下来就等它慢慢安装完成。Flutter在国内安装一些依赖库比较缓慢需要耐心等待,但是当发现没有响应的时候可以尝试关闭掉项目后再重新打开进行安装。

    (base) xiejiapei@xiejiapeis-iMac jdshop_app % flutter packages get  
    Downloading Dart SDK from Flutter engine 2c956a31c0a3d350827aee6c56bb63337c5b4e6e...
      % Total    % Received % Xferd  Average Speed   Time    Time     Time  Current
                                     Dload  Upload   Total   Spent    Left  Speed
      3  172M    3 6255k    0     0   311k      0  0:09:26  0:00:20  0:09:06  452k
    

    d、在项目中使用依赖库

    首先需要导入依赖库头文件

    import 'package:dio/dio.dart';
    

    接着便可以使用从官网上学到的语法进行配置了,以APP首页请求轮播图的广告数据为例。

    // 轮播图Model
    List _focusData = [];
    _getFocusData() async {
      var apiURL = "${Config.domain}api/focus";
      var result = await Dio().get(apiURL);
      print(result.data is Map);// String 还需要转化为Map
      var focusList = FocusModel.fromJson(result.data);
    
      /*
      focusList.result.forEach((item) {
        print(item.pic);
      });
      */
    
      setState(() {
        this._focusData = focusList.result;
      });
    }
    

    相关文章

      网友评论

          本文标题:Flutter:配置资源文件和依赖库

          本文链接:https://www.haomeiwen.com/subject/wzhphdtx.html