「先感謝蒼老師今天來代課❤️」
今天示範了Image幾個常見的效果
首先最重要的是:先套.resizable再說
預設會填滿整個範圍,有可能比例跑掉
若不想要圖片比例跑掉
就是運用.scaledToFit 跟 .scaledToFill
若想設定特定比例
可以用.aspectRatio (這沒示範到)
若是用Fill導致超出範圍
則用.clipped裁切
修成特定形狀是使用.clipShape
建構方式嘛
主要就是用name或systemName
name的話比Flutter方便⚠️⚠️⚠️
不用在yaml檔宣告位置
使用時也不用記路徑跟副檔名
systemName的話就像Flutter的Icon☘️☘️☘️
但是他竟然一樣是吃字串!!!
我真的無言
然後也無法預覽
需要自己裝個SF Symbols
至於網路上的圖片是使用AsyncImage
但可惜的是並沒有Cache功能
請洽喵神大大的翠鳥或是來顆核彈
Android | iOS | Flutter | SwiftUI |
---|---|---|---|
ImageView | UIImageView | Image | Image |
Bitmap | UIImage | ImageProvider | - |
ScaleType | UIViewContentMode | BoxFit | ContentMode |
Android版:iOS Developer Learning Android. Lesson 12 - ImageView + ImagePicker (想知道如何把歪掉的照片調正嗎?)
Flutter版:iOS Developer Learning Flutter. Lesson8 圖片
https://github.com/mark33699/FDLS