Flutter常用控制元件-Image
body:new Center(
child: Container(
child:new Image.network(
'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1550141273295&di=4711bd27240dbc1c3c6297922a5daa39&imgtype=0&src=http%3A%2F%2Fimg.25pp.com%2Fuploadfile%2Fapp%2Ficon%2F20160224%2F1456284770254092.jpg',
fit:BoxFit.fitWidth //縮放方式
color: Colors.greenAccent, //和顏色混合
colorBlendMode: BlendMode.darken,//和顏色混合模式
repeat: ImageRepeat.repeatX,//圖片沒有佔滿時，是否重複圖片佔滿 repeatX repeatY repeat
),//從網路載入圖片
width:500,
height:300,
color: Colors.lightBlue,
)
),
相關文章
- Flutter 系列文章：Flutter Image 控制元件介紹Flutter控制元件
- Flutter元件ImageFlutter元件
- Flutter 基礎控制元件篇-->圖片(Image)、圖示(Icon)Flutter控制元件
- Flutter之Text和ImageFlutter
- Flutter的 Image WidgetFlutter
- Flutter元件學習（二）—— ImageFlutter元件
- Flutter-engine 顯示Image邏輯Flutter
- Flutter中ui.Image載入探索FlutterUI
- 探索Flutter Image顯示Webp邏輯FlutterWeb
- [番外]-Flutter小課堂-Image篇Flutter
- Flutter中的Image入門講解Flutter
- Kivy App開發之UX控制元件ImageAPPUX控制元件
- Flutter 的基本控制元件Flutter控制元件
- Flutter控制元件--AppBarFlutter控制元件APP
- Flutter 學習 - Widget 之 Image和IconFlutter
- Flutter 系列文章：Flutter Drawer 控制元件介紹Flutter控制元件
- Flutter 系列文章：Flutter Text 控制元件介紹Flutter控制元件
- Flutter 系列文章：Flutter Scaffold 控制元件介紹Flutter控制元件
- Flutter系列文章：Flutter RaisedButton控制元件介紹FlutterAI控制元件
- Flutter 系列文章：Flutter Row控制元件介紹Flutter控制元件
- Flutter 系列文章：Flutter Column 控制元件介紹Flutter控制元件
- flutter: CSS規則對映flutter控制元件-positionFlutterCSS控制元件
- Flutter 容器控制元件篇-->ScaffoldFlutter控制元件
- Flutter控制元件--Switch 和 SwitchListTileFlutter控制元件
- Flutter 之 自定義控制元件Flutter控制元件
- Flutter 常用佈局Flutter
- Web 開發者如何理解 Flutter 佈局之 —— 3. ImageWebFlutter
- XAML常用控制元件2控制元件
- html的常用控制元件HTML控制元件
- 常用控制元件類集合控制元件
- 【MAUI】為 Label、Image 等控制元件新增點選事件UI控制元件事件
- Flutter 系列文章：Flutter Container 控制元件介紹FlutterAI控制元件
- Flutter 系列文章：Flutter Icon 控制元件介紹Flutter控制元件
- Flutter 系列文章：Flutter Appbar 控制元件介紹FlutterAPP控制元件
- Flutter 系列文章：Flutter PlaceHolder 控制元件介紹Flutter控制元件
- Flutter 系列文章：Flutter MaterialApp 控制元件介紹FlutterAPP控制元件
- Flutter 強大的MediaQuery控制元件Flutter控制元件
- Flutter 自定義縮放控制元件Flutter控制元件