flutter初探

flutter怎么添加依赖

对于刚接触flutter的同学来说,需要用到外部库,比方图片预览或者添加一个WebView,这时候我们如果下添加外部依赖然后引用进来该怎么处理呢?
先看效果:

GIF 2021-4-7 10-37-55.gif

具体步骤:
1:找到自己需要依赖的项目如:https://github.com/serenader2014/flutter_carousel_slider

image.png

2:在项目pubspec.yaml中添加依赖

3:在需要引用的dart中import

4:根据图上例子,添加引用代码

flutter怎么引用本地文件?

这里我们添加一个缩放的控件,目的看看怎么引用的本地图片,效果如图:

image.png

  new Expanded(
              child: PhotoView(
            backgroundDecoration: null,
            imageProvider: AssetImage("assets/small-image.jpg"),
          )),

在根目录创建assets文件,然后复制small-image.jpg图片,最后在pubspec.yaml配置申明,这里有点像android中在gradle里面配置lib路径

 assets:
    - assets/small-image.jpg

flutter怎么在web上运行?

1:flutter sdk中生成webdev,然后配置在环境变量中

image.png

flutter pub global activate webdev

2:执行

flutter packages pub global run webdev serve

这时候可能会报错,需要在pubspec.yaml配置依赖

  build_runner: ^1.1.0
  build_web_compilers: 2.16.5

再次执行效果:

image.png

实用的第三方依赖,传送门