首页 > 其他分享 >Flutter实现将base64解码为image格式,并展示到页面上

Flutter实现将base64解码为image格式,并展示到页面上

时间:2023-08-14 22:02:27浏览次数:39  
标签:Base64 解码 base64String base64 Flutter memory 页面 image Base64Image

在Flutter中,你可以使用Image.memory来将Base64解码为图像并将其显示在页面上。下面是一个将Base64解码为图像并展示的示例代码:

import 'dart:convert';
import 'package:flutter/material.dart';

class Base64Image extends StatelessWidget {
  final String base64String;

  Base64Image({required this.base64String});

  @override
  Widget build(BuildContext context) {
    Uint8List bytes = base64Decode(base64String);

    return Image.memory(bytes);
  }
}

void main() {
  String base64String = "your_base64_string_here";
  
  runApp(MaterialApp(
    home: Scaffold(
      body: Center(
        child: Base64Image(base64String: base64String),
      ),
    ),
  ));
}

在上述代码中,我们创建了一个名为Base64Image的自定义小部件。该小部件接收一个Base64编码的字符串作为参数,并将其解码为Uint8List类型的字节数组。然后,我们使用Image.memory构造函数将字节数组转换为图像并将其显示在页面上。

main函数中,我们创建了一个简单的Flutter应用程序,并将Base64Image小部件作为居中的子部件显示在页面上。你需要将base64String替换为你自己的Base64编码的字符串。

标签:Base64,解码,base64String,base64,Flutter,memory,页面,image,Base64Image
From: https://blog.51cto.com/u_15997490/7082115

相关文章

  • Python PIL Image.crop()详解+裁剪四元组定位的小技巧
    0Image.crop详解image.crop是Python中用于裁剪图片的函数。在使用该函数前,我们需要先导入PIL库,即PythonImageLibrary。fromPILimportImage#打开图片img=Image.open('example.jpg')#图片的裁剪区域(区域左上角的坐标为(100,100),右下角的坐标为(300,300))crop_are......
  • VTK 实例20:用vtkImageViewer2显示三维医学图像mhd的某个切面
    1#include"vtkAutoInit.h"2VTK_MODULE_INIT(vtkRenderingOpenGL2);3VTK_MODULE_INIT(vtkInteractionStyle);45#include<vtkSmartPointer.h>6#include<vtkImageViewer2.h>7#include<vtkRenderWindow.h>8#include<......
  • Single image dehazing (Fattal)
    项目主页:http://www.cs.huji.ac.il/~raananf/projects/defog/作者主页:http://www.cs.huji.ac.il/~raananf/ 其他工作1:AutomaticRecoveryoftheAtmosphericLightinHazyImages(大气光的自动恢复)其他工作2:Dehazingusing Color-Lines(颜色线)这篇文章提出一种新的从单幅输入图像......
  • 【web_逆向06】base64
    简介base64其实很容易理解.通常被加密后的内容是字节.而我们的密文是用来传输的(不传输谁加密啊).但是,在http协议里想要传输字节是很麻烦的一个事儿.相对应的.如果传递的是字符串就好控制的多.此时base64就应运而生了.26个大写字母+26个小写字母+10个数字+2个特殊符号(......
  • image概述
    1.什么是image尝试观察上面这个图,理解镜像有以下几个特点1.1镜像是文件和metadata的集合(rootfilesystem)例如一个centos的镜像,里面包含一些最精简版的centos文件系统,还有其他软件包等文件。1.2镜像是分层的,每层都可以添加删除改变文件,成为一个新的image在centos这个基础镜像之上,添......
  • Flutter中的加载指示器
    Flutter提供了多种加载指示器样式供选择。你可以使用CircularProgressIndicator以外的其他加载指示器样式来替换原有的加载指示器。以下是一些常见的加载指示器样式,你可以根据自己的需要选择其中之一:一、LinearProgressIndicator:线性进度指示器,呈现为水平进度条。LinearProgressInd......
  • Java 图片、文件 Base64 互转
    Java图片、文件Base64互转packagecom.thoth.his.base.util;importjava.io.FileInputStream;importjava.io.FileOutputStream;importjava.io.IOException;importjava.util.Base64;publicclassImageUtil{publicstaticStringFileToBase64(StringfilePath)......
  • Flutter实现将base64解码为image格式,并展示到页面上
    在Flutter中,你可以使用Image.memory来将Base64解码为图像并将其显示在页面上。下面是一个将Base64解码为图像并展示的示例代码:import'dart:convert';import'package:flutter/material.dart';classBase64ImageextendsStatelessWidget{finalStringbase64String;Bas......
  • java使用hutool把服务器图片链接转为base64编码
    需求是把服务器的图片链接或者网上的图片链接地址转为base64位编码方便前端操作建议使用方法一base64编码转为图片在线网址https://imgtobase64.d777.com/方法一:使用hutool的HttpResponse方法1.1引入依赖<dependency><groupId>cn.hutool</groupId><artifactId>hutool-all</artif......
  • Flutter系列文章-Flutter UI进阶
    在本篇文章中,我们将深入学习FlutterUI的进阶技巧,涵盖了布局原理、动画实现、自定义绘图和效果、以及Material和Cupertino组件库的使用。通过实例演示,你将更加了解如何创建复杂、令人印象深刻的用户界面。第一部分:深入理解布局原理1.灵活运用Row和ColumnRow和Colu......