I'm trying to make a fullscreen (no notification bar and no botton android buttons) android app with react-native.
I found the react-native-fullscreen-chz library that works well with a basic screen but it doesn't expand when using a Bottom Tab Bar. I'm getting the following:
How can I achieve the full screen mode with a Bottom Tab Bar? I'm using react-navigation 5.x.
Related
I'm using React Navigation Wix for my App and I want to achieve something similar to the below design (Attached image).
Actually the problem with the wix is that we don't have the ability to customize too much things, we can config the text and the icon only.
Note that its hard for me to convert to the react navigation library right now.
Right now there is no way to add a custom component as Bottom Tab Bar in "react-native-navigation" by Wix.
But you can implement the approach briefly described here
disable bottom tabs showing
create your own tabs component
add it to every screen
get fun :-)
But you need to be aware that you will lose the default badge showing behavior (small red circles near the icon) provided by this lib.
I am implementing my app in full screen, and I am getting the problem when system UI have bottom navigation buttons. The bottom navigation buttons are covering the area. How do I know that full screen display is enable or not? (i.e. in Latest Xiomi mobiles we can show/hide bottom navigation buttons)
I am using Airbnb's native navigation library for navigation bars, specifically Navigator.Config. On Android, I want to replace the default back button by this material icon on a screen that is presented like a modal. I have tried setting a new icon using the navIcon prop of Navigator.Config, but Android does not recognize any URI I give e.g. ../icons/icon.png.
Is there a way to set another Android back icon from the JS side, or from the Android side?
EDIT: Precised that the screen is presented as a modal
I've got an odd bug here with Xamarin Forms on my droid project. The bottom navigation bar (i.e the one with the home, back etc buttons) is hiding the AdMob adverts. If I choose to hide it by double tapping the circle (on the navigation bar), the advert appears, and when I double tap the circle again to make the navigation bar re-appear the ads display. But unless I hide the navigation bar, you would never know the advert is there!
I've tried setting various options under the SystemUIVisility and nothing is working. I even got the app into full screen mode and set the navigation bar to hidden but the adverts still did not appear.
Has anyone else had this issue and found a fix?
I'm using Forms 3.3.0.912540, Xamarin.Firebase.Ads 60.1142.1, Xamarin.GooglelayServices.Ads 60.1142.1
Maybe you can try this:
add property to your theme:
<item name="android:windowDrawsSystemBarBackgrounds">false</item>
I have a requirement in which i have to show TABS which we are using to navigate, To show TAB at bottom.
When i am running my application on device , On android its showing at Top while in I-Phone it is showing at the Bottom.
So anyone can guide me how to show Tabs specifically for android At the bottom of the screen
Thanks,
Rakesh
We had to do this, and after a lot of search, we concluded that it is not possible simply using titanium appcelerator. We chose to do this by implementing a button bar at the bottom of our window.
When I searched right now however, I have found a few others have tried to solve this problem in other ways.
Display tab bar in bottom in Android
Custom tab bar for iphone and android