CODEWITHSUNDEEP
imagefluttereditingflutter-web
Jeganath Perialwar
Jeganath Perialwar

Reputation: 1

How to add a text to an image in flutter

How to add a text to an image in flutter web How do I add text on the go to an image on flutter web? Is there widget for image editing. How can we achieve this?

Upvotes: 0

Views: 8707

Answers (2)

Sonu Saini
Sonu Saini

Reputation: 2054

  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

Upvotes: 2

AgainPsychoX
AgainPsychoX

Reputation: 1801

You can use either custom painting (other answer found by @F-1) or stack other widget on top of your image (here is excellent example, with text on top of images as you might want.

Upvotes: 2

Related Questions