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
Related
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.
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.
Is it possible to add a button to the toolbar of android firefox, and also the top of the pop up menu as shown in this screenshot below:
edit:
just found a screenshot of an addon that had some other addons installed that added a button up there, pleease see addon screenshots:
https://addons.mozilla.org/en-US/android/addon/quitnow/
here is the screenshot:
(source: mozilla.net)
see that nightly globe and whatever that is to the left of it, im trying to do same :) top row in this second picture is toolbar button icons that would show in the top toolbar when there is enough screen space im interested in learning how to add to 1st and second row
The documentation for Developing for Firefox Mobile marks all UI APIs as Not supported. Mozilla uses the native UI of Android to build Firefox for Android. Therefore everything related to XUL might not work at all.
Now there is an Extensions for Firefox for Android API and the only thing related to what you'd like to achieve can be found with PageActions.jsm, which can be used like:
Pageactions.add({
icon: "drawable://alert_app",
title: "My page action",
clickCallback: function() { win.alert("Clicked!"); }
});
These are added to the toolbar, but displayed inside of the adressbar not beside it. In the screenshot you posted, the little book icon is a pageaction. But there's a limitation as well:
NOTE: A maximum of two page action items will be shown to users at a time. If users have three page actions showing, an overflow menu will appear to handle the extra ones. Your action has NO control over whether its shown in the urlbar or overflow. Don't depend on your page action always showing in the main urlbar.
The buttons you find at the top of the menu can't be changed neither. The star at the left is for the bookmarks and the graph on the right is the button for sharing the web page. The space inbetween is used to display the last two applications you shared the web page with.
So basically, what you'd like to do is not possible at all and the addons I know trying to achieve something similar use page actions.
There is a task to display the navigation bar on the left side for android 4.4.2. Nothing of the sort found. Is it possible to do this?
Or, for example, to hide the navigation bar, and on the left side add own custom menu on the same level of layouts hierarchy order content is shifted to the size of the menu?
This solution should work everywhere, not just in one application.
Thanks for the help.
As far as I know you see that navigation bar there because you are using emulator genymotion. On real devices you should not be able to see it. Besides, those back button are physical buttons on some devices like samsung s2.
If you want a menu on the left you should implement navigation drawer. Good luck
On iOS 7, there is a tab bar/navigation bar like below image
Is there a control similar to the style of it on Android? I did see some apps implemented this styled navigation bar.
I agree you should not implement IOS features in Android.
Also I don't know where you got the picture for the IOS app, but an IOS app has a tab bar controller which shows its tabs at the bottom of the sreen. It also has a navigation controller which does in no way look like your screenshot.
https://developer.apple.com/library/ios/documentation/WindowsViews/Conceptual/ViewControllerCatalog/Chapters/TabBarControllers.html
That being said you can use tabs in the actionbar. http://developer.android.com/design/building-blocks/tabs.html
The control I described is actually called SegmentedControl which does have Android implementation. Below are a few of them:
https://github.com/hoang8f/android-segmented-control
https://github.com/peshkira/android_segmented_control
https://github.com/nairteashop/SegmentedControl
Hope someone find it helpful