dart - 在 Flutter 中更改图像的背景颜色

Question

我们可以在 Flutter 中更改图像的背景颜色吗？就像在这张图片中一样，我想将粉红色背景颜色更改为其他颜色。

Answer 1

你不能用 flutter 做到这一点。您需要一个图像编辑器来更改背景颜色。

如果您想动态更改背景颜色，您首先必须通过向图像添加 alpha channel mask 来使背景透明(再次使用图像编辑器)然后，您可以通过将图像放在具有背景颜色的小部件中来定义背景颜色。

这是一个完整的示例应用程序。重新加载小部件时，背景颜色会随机变化。

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

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  Color randomColor() =>
      Color((Random().nextDouble() * 0xFFFFFF).toInt() << 0).withOpacity(1.0);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'MyApp',
      home: Center(
        child: Container(
          decoration: BoxDecoration(
            color: randomColor(),
          ),
          child: Image.network(
            '/image/O02Ip.png',
          ),
        ),
      ),
    );
  }
}