How to create ScanQR design in ionic3

I just came to a situation where I have to create a UI same as PayTm Scan Screen or any other OR code UI.

I was struggling with background opacity issues. The outer/inner inconsistencies.

Finally I came to a solution with Ionic Grid.

I created a grid view and that helped me achieve the same.

Below is the code. Suggestion are welcomed for extension.

HTML Code

CSS for the HTML Given above

Leave a Reply:

Your email address will not be published. Required fields are marked *