Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Navigate screens by tab bar and buttons

I have the following problem:

In my application there's two ways to navigate to others screens: by buttons or by a tab bar.

All screens have the tab bar that calls the other screens but the home screen is the one that have buttons but doesn't have tab bar.

When I start developing my app I choose the tab bar application template and it works fine if I calls the screens by pressing the tab. The problem begins when I work with the home screen:

  • I need to "hide" the tab bar in this specific screen.
  • In the home screen, if I call a new screen by buttons the tab bar disappear in the new screen (make sense because the screen is calling by a button and not by the tab bar).

To resolve this to I think that maybe I can create a custom tab bar (I don't know yet how) and call it on my screens like a UIControl, so in that way if I need to change the tab bar the modifications will be able on all screens that calls that control.

What do you recommend? It's a good idea to create a custom tab bar and use it like a UIControl? if yes, how can I create one?

I use this to call the windows

RecurringGiftListViewController *listViewController = [[RecurringGiftListViewController alloc] initWithNibName:@"RecurringGiftListViewController" bundle:nil];
listViewController.modalTransitionStyle = UIModalTransitionStyleCrossDissolve; 
[self presentModalViewController:listViewController animated:YES]; 
[listViewController release];
like image 939
avmauricio Avatar asked Jun 22 '12 18:06

avmauricio


People also ask

How do I navigate between tabs and tabs?

There is another keyboard shortcut that Chrome users may use to navigate tabs; this one moves to the next or the previous tab in line. Use Ctrl-Tab to jump to the next tab in the browser's tab bar, or Ctrl-Shift-Tab to go back a tab.

What is tab navigation?

In computing, tabbing navigation is the ability to navigate between focusable elements (such as hyperlinks and form controls) within a structured document or user interface (such as HTML) with the tab key of a computer keyboard.

How do you navigate between tabs in react native?

The Tab Navigation is tabbed at the bottom of the screen or on the top below the header or sometimes as a header. It is used to switch between different route screens. To create Tab-based navigation, import createBottomTabNavigator and createAppContainer in the root functions of the react-navigation library.

What is navigation bar in Iphone?

A navigation bar appears at the top of an app screen, enabling navigation through a hierarchy of content. A navigation bar also provides a natural place to display a screen's title — helping people orient themselves in your app or game — and it can include controls that affect the screen's content.


1 Answers

It doesn't sound like ou should be using a tabbar at all. A tabbar should not disappear when you push one of the buttons. Think of it like a main menu for your app. You can have other screens, like a navigation controller or a modal dialog that takes over the whole screen, but then you should be able to exit back to the tabbar.

Think through the structure of your user interface once more. Perhaps you can re-arrange it to make your "home screen" a dialog reachable from one of the tabbar pages?

like image 176
geon Avatar answered Sep 20 '22 08:09

geon