flutter怎么添加依賴
對(duì)于剛接觸flutter的同學(xué)來說,需要用到外部庫,比方圖片預(yù)覽或者添加一個(gè)WebView,這時(shí)候我們?nèi)绻绿砑油獠恳蕾嚾缓笠眠M(jìn)來該怎么處理呢?
先看效果:
GIF 2021-4-7 10-37-55.gif
具體步驟:
1:找到自己需要依賴的項(xiàng)目如:https://github.com/serenader2014/flutter_carousel_slider
image.png
2:在項(xiàng)目pubspec.yaml中添加依賴
3:在需要引用的dart中import
4:根據(jù)圖上例子,添加引用代碼
flutter怎么引用本地文件?
這里我們添加一個(gè)縮放的控件,目的看看怎么引用的本地圖片,效果如圖:
image.png
new Expanded(
child: PhotoView(
backgroundDecoration: null,
imageProvider: AssetImage("assets/small-image.jpg"),
)),
在根目錄創(chuàng)建assets文件,然后復(fù)制small-image.jpg圖片,最后在pubspec.yaml配置申明,這里有點(diǎn)像android中在gradle里面配置lib路徑
assets:
- assets/small-image.jpg
flutter怎么在web上運(yùn)行?
1:flutter sdk中生成webdev,然后配置在環(huán)境變量中
image.png
flutter pub global activate webdev
2:執(zhí)行
flutter packages pub global run webdev serve
這時(shí)候可能會(huì)報(bào)錯(cuò),需要在pubspec.yaml配置依賴
build_runner: ^1.1.0
build_web_compilers: 2.16.5
再次執(zhí)行效果:
image.png
實(shí)用的第三方依賴,傳送門
