It can be easily placed anywhere along the edges of the screen by drag and drop. Both of them are able to fade off automatically when you do not need it. The app consists of Trigger Spot and Pie Controls that shows up when Trigger Spot is pressed. It automatically starts when the device boots up and runs in the background. It is easy to use and requires very low permission. Sorted! We how will only apply the height and padding if there is soft keys on the device, otherwise it’ll sit the BottomNavigation directly at the bottom of the device screen.This app provides handy soft keys that simulate the three navigation buttons: Back, Home and Recent. Within our getPackages method, we’ll export a new package (which is automatically imported as we’re in the same directory where we’ll create it): protected List getPackages() from 'react-native' const hasSoftKeys = !!_soft_keys. In Android Studio, go ahead and open the following file: android/app/src/main/java/com/>/MainApplication.java We’re going to provide some constants back which JavaScript can read. This is actually super easy to do with React Native. The only real way to detect this is hooking to the Android SDK. The simple solution is to only apply the styles described in step 2 above if the device has soft keys. In this case, you’re going to be creating a height and applying padding to a space which doesn’t actually exist, leaving a 48hp high block bar below your navigation.

What if my device has hard navigation keys?!

Handy soft keys navigation bar