How to make React native app responsive screen according to phone's screen size for both tablets or average android phone

Issue

I have a pin code screen in react native app and I want make it responsive/enlarge according to the phone or tablets size like I have a logo in screen or any other components are visible small in tablets but in normal simulators it is average I want to make it large according to tablet's size

Here are some screenshots

I want to enlarge tablet's screen item as visible in an average phone

Solution

Have a look at this.

This is how you can make your app responsive

Answered By - Waheed Akhtar