How to create ScanQR design in ionic3

February 05, 2019

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.


CSS for the HTML Given above