How to create this shape in flutter?
I tried custom paint but didn't achieve this result
I have a container, and I want it to have a custom border like the image below. I found ClipPath, which gave me the shape I wanted, but it doesn't provide the border. I also found ShapeBorder, but I don't know how to deal with it. My question is, "How do I make this shape with a border in a professional way?
I'm trying to create an ellipse circle. Is there any way to create it using custom painter or clipper?.
Thanks.
You can use percent_indicator.
Maybe also try to make its color a gradient.
I want to add image on canvas(color:White) using Render object in flutter.
Initially I want the canvas to be white in color and Rectangular in shape.
After I load an image, That image should be in top canvas.
I dont know how to do it.Please help me to do this.
I have a uiimageView containing the text like this.
I want to set the image background of the text to look like this instead.
Please help me! Thanks!
You will need to combine an image of the text with the background image (the stuff that is supposed to fill the inside of the text) using compositing. Take a look at the various blend modes you can use, or look into the use of CIFilter.
http://developer.apple.com/library/ios/#documentation/GraphicsImaging/Reference/CGContext/Reference/reference.html#//apple_ref/doc/c_ref/CGBlendMode
https://developer.apple.com/library/mac/#documentation/graphicsimaging/Reference/CoreImageFilterReference/Reference/reference.html
The thing in the background looks like it might be a gradient. Again, you can use a CIFilter to generate that gradient, or you can use Core Graphics. So you'll composite the drawn text with its fill image, then you'll draw that over a gradient.
instead of text in black solid color, make image with transparent text and outer region as the grey gradient you want and put this image over you background image, you will get the desired result.