如何在颤动中向图像添加文本

Question

如何在 Flutter Web 中向图像添加文本 如何将文本添加到 Flutter Web 上的图像中？是否有用于图像编辑的小部件。我们怎样才能做到这一点？

Answer 1

您可以使用custom painting (other answer found by @F-1) 或stack other widget on top of your image (here is excellent example, with text on top of images as you might want。

Answer 2

  import 'package:flutter/material.dart';

  void main(){
  runApp(MyApp());
 }

class MyApp  extends StatelessWidget {
 @override
 Widget build(BuildContext context) {
  // TODO: implement build
  return MaterialApp(
   home: Scaffold(
     appBar: AppBar(
       title: Text("Add Text to an Image"),
     ),
     body:Container(
      margin: EdgeInsets.only(top: 50.0),
      child: Stack(
        children: <Widget>[
           Image.network("http://www.panama-offshore-services.com/wp- 
      content/uploads/2014/08/Tech-business-panama.jpg"),
          Container(
            margin: EdgeInsets.only(top:20.0),
          ),
          Text("This is text",
            style: TextStyle(
                color: Colors.red,
                fontSize: 18.0
            ),)
           ],
        ),
       )
      ),
     );
    }

    }







  // use stack to add text on image