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

Question

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

Answer 1

您可以使用自定义绘画（@F-1 找到的其他答案）或在图像顶部堆叠其他小部件（这是一个很好的示例，您可能想要在图像顶部添加文本。

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