How make text overlay on image

Sanjay Tejani

unread,

Jun 14, 2018, 6:15:31 AM6/14/18

to Flutter Dev

Hi Any one can help me how to i make text overlay on image.

Capture.PNG

Mikkel Ravn

unread,

Jun 14, 2018, 6:28:45 AM6/14/18

to Sanjay Tejani, Flutter Dev

You may want to have a look at the Stack widget.

On Thu, Jun 14, 2018 at 12:15 PM Sanjay Tejani <sanju....@gmail.com> wrote:

Hi Any one can help me how to i make text overlay on image.

--
You received this message because you are subscribed to the Google Groups "Flutter Dev" group.
To unsubscribe from this group and stop receiving emails from it, send an email to flutter-dev...@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

--

Mikkel Nygaard Ravn

Software Engineer

sumeet kasar

unread,

Jun 14, 2018, 6:31:57 AM6/14/18

to Mikkel Ravn, Sanjay Tejani, Flutter Dev

You can go through below link.

http://cogitas.net/overlay-text-icon-image-flutter/

Fabio Cortez

unread,

Jun 14, 2018, 6:34:58 AM6/14/18

to Flutter Dev

I think the same as Mikkel,

Here is an example of the Flutter Gallery app where uses an stack inside a Card widget, hope this help you.

Fabio Cortez.

Sanjay Tejani

unread,

Jun 27, 2018, 8:30:58 AM6/27/18

to sumeet kasar, Flutter Dev, Mikkel Ravn

what about bottom black line?

On Jun 14, 2018 4:01 PM, "sumeet kasar" <sumeet...@gmail.com> wrote:

You can go through below link.

http://cogitas.net/overlay-text-icon-image-flutter/

On Thu 14 Jun, 2018, 3:58 PM 'Mikkel Ravn' via Flutter Dev, <flutt...@googlegroups.com> wrote:

You may want to have a look at the Stack widget.

On Thu, Jun 14, 2018 at 12:15 PM Sanjay Tejani <sanju....@gmail.com> wrote:

Hi Any one can help me how to i make text overlay on image.

--
You received this message because you are subscribed to the Google Groups "Flutter Dev" group.

To unsubscribe from this group and stop receiving emails from it, send an email to flutter-dev+unsubscribe@googlegroups.com.

For more options, visit https://groups.google.com/d/optout.

--
Mikkel Nygaard Ravn
Software Engineer

--
You received this message because you are subscribed to the Google Groups "Flutter Dev" group.

To unsubscribe from this group and stop receiving emails from it, send an email to flutter-dev+unsubscribe@googlegroups.com.

bre...@tamu.edu

unread,

Jun 27, 2018, 8:40:44 AM6/27/18

to Flutter Dev

I don't see one in your example image, but there are multiple ways to accomplish this. If it's on the image, you can look into using a container and a BoxDecoration. If it's below, use a Divider.

Reply all

Reply to author

Forward