Flutter 基础篇，实战解析

在Flutter中，我们可以使用Stack组件来实现一个加入图片水印的功能。以下是一个简单的示例代码：

import 'package:flutter/material.dart';
 
void main() => runApp(MyApp());
 
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Center(
          child: Stack(
            children: <Widget>[
              Image.network('https://picsum.photos/250?image=9'), // 背景图片
              Container(
                decoration: BoxDecoration(
                  image: DecorationImage(
                    image: NetworkImage('https://picsum.photos/250?image=10'), // 水印图片
                    repeat: ImageRepeat.repeatX, // 水平方向平铺
                  ),
                ),
              ),
              Positioned(
                bottom: 10.0,
                right: 10.0,
                child: Text('水印文字', style: TextStyle(color: Colors.white, fontSize: 20.0)), // 水印文字
              ),
            ],
          ),
        ),
      ),
    );
  }
}

这段代码首先加载了一个背景图片，然后使用Container来作为水印图片的容器，并且设置了水平方向的平铺效果。最后，使用Positioned组件将文字放置在图片的指定位置，实现了图片水印的效果。