CODEWITHSUNDEEP
iosreact-native
Kenneth Heo
Kenneth Heo

Reputation: 65

React-native iOS Keyboard is too large

I created a new React-Native project and added a TextBox and TabBar, but the UI is looking weird.

Firstly, the keyboard component is too large. Secondly, overall UI is looking double scaled.

The picture took an iPad Air simulator but it can see the same thing on iPhone 5s simulator.

I think it causes from screen ratio and the device's resolution density because it did not happen on kinds of 16:9 ratio devices.

I think if some devices have not widescreen ratio, UI goes to big include keyboard component.

Where can I find some information to solve this problem? Please, could you give me some advice.

Too large keyboard in iPad Air 11.4 Native keyboard on Reminders same iPad Air 11.4

Upvotes: 1

Views: 411

Answers (1)

Kenneth Heo
Kenneth Heo

Reputation: 65

I found a solution by Andrews advice. Build configuration must set from iPhone to Universal. Both keyboard and UI scale is ok now.

Solved picture

Upvotes: 2

Related Questions