Flutter Image 图片显示样式

常见用法如下:
Image.asset("assets/images/ic_qrcode_preview_tiny.png",
          height: 30.0, width: 30.0,
          fit: BoxFit.cover);

网络图片fit属性也实用
BoxFit.fill:充满父容器。

BoxFit.contain:尽可能大,保持图片分辨率。

BoxFit.cover:充满容器,可能会被截断。

BoxFit.none:图片居中显示,不改变分大小,可能会被截断。

BoxFit.fitWidth:图片填满宽度,高度可能会被截断

BoxFit.fitHeight:图片填满高度,宽度可能会被截断

BoxFit.scaleDown:图片可以完整显示,但是可能不能填充满。


更多详解:
喜欢可以加Q群号:913934649,点赞,评论;

简书: https://www.jianshu.com/u/88db5f15770d

csdn:https://me.csdn.net/beyondforme

掘金:https://juejin.im/user/5e09a9e86fb9a016271294a7
————————————————
版权声明:本文为CSDN博主「张漂亮2号」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/beyondforme/article/details/104050461

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
acility); } void Playground::removeFacility(int index) { facilities_.erase(facilities_.begin() + index); } double Playground::getFacilityIncomeOnDate(int index, const std::string &date) const { return facilities_[index].getFlutter 中可以使用 image_picker 插件来实现图片选择器功能,同时可以根据自己的需求对图库样IncomeOnDate(date); } double Playground::getTotalIncomeOnDate(const std::string &date) const { double income = 式进行修改。 下面是一个基于 image_picker 插件的图片选择器示例,其中使用自定义的图库样0; for (auto facility : facilities_) { income += facility.getIncomeOnDate(date); } return income; } 式: ```dart import 'dart:io'; import 'package:flutter/material.dart'; import 'package:image_picker/image_picker.dart'; void maindouble Playground::getTotalIncome() const { double income = 0; for (auto facility : facilities_) { income +=() => runApp(MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: facility.getTotalIncome(); } return income; } std::vector<PlayFacility> Playground::getSortedFacilitiesByName() const 'Image Picker Demo', home: MyHomePage(), ); } } class MyHomePage extends StatefulWidget { @override _My { std::vector<PlayFacility> facilities = facilities_; std::sort(facilities.begin(), facilities.end(), PlayFacHomePageState createState() => _MyHomePageState(); } class _MyHomePageState extends State<MyHomePage> { File _image; Futureility::sortByName); return facilities; } std::vector<PlayFacility> Playground::getSortedFacilitiesByIncome() const getImage() async { var image = await ImagePicker.pickImage(source: ImageSource.gallery); setState(() { _image = image; { std::vector<PlayFacility> facilities = facilities_; std::sort(facilities.begin(), facilities.end(), PlayFac }); } @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text('ility::sortByIncome); return facilities; } void Playground::saveToFile(const std::string &filename) const { FileIO::Image Picker Demo'), ), body: Center( child: _image == null ? Text('No image selected.') :writeToFile(filename, facilities_); } ``` 主函数(main.cpp): ```c++ #include <iostream> #include "Playground.h" int main() { Playground playground("playground.txt"); int option = 0; do { std::cout << " Image.file(_image), ), floatingActionButton: FloatingActionButton( onPressed: getImage, tooltip: 'Pick Image', child:1. Add a new facility" << std::endl; std::cout << "2. Remove a facility" << std::endl; Icon(Icons.add_a_photo), ), ); } } ``` 在这个示例中,我们使用 ImagePicker.pickImage() std::cout << "3. Get income of a facility on a date" << std::endl; std::cout << "4 方法来选择图片,通过传递 ImageSource.gallery 参数来打开图库。你可以根据自己的需求来修改图库的样式,比如使用自定义的按钮、图标、字体等。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值