I am facing a very weird issue on my code. I have 4 bottom tabs on my app. Say btm_tab1, btm_tab2, btm_tab3 and btm_tab4.
Each bottom tab has its own Nav graph. Say graph_1, graph_2, graph_3 and graph_4 respectively for each of the bottom tab. And there is a common graph say common_graph which is included in all of the four bottom tab's nav graph.
Common graph contains 3 destination and one of the destination has a deeplink on it.
When i open this deeplink it redirects me to the correct destination but when i press back from the destination it goes back to each of the bottom tab with that destination opened. I know it is common as per offical docs but this is requirement of use case and i don't want to add single destination/fragment in each of the bottom tab graphs.
So, anyone know how to solve this problem?
Related
I'm developing a flutter application and I'm now struggling to understand what is the best way to implement a complex bottom bar navigation.
Here are my requirements:
each button on the nav bar should lead to a different section
each section should be able to have multiple screens inside of it
user can navigate from any page of a section to any page in another section and back
each section should show the last visited page if we come back to it
for example, let's say we have two sections, each made of two pages: SectionOneA, SectionOneB, SectionTwoA, SectionTwoB.
A few use cases:
user navigates from SectionOneB to SectionTwoB by pressing a button inside SectionOneB, when user presses back (on android) from SectionTwoB, we should navigate back to SectionOneB
user navigates to SectionTwoA by the nav bar, then navigates to SectionTwoB via a button in SectionTwoA, then navigates to SectionOneA via the nav bar and then press the SectionTwo icon in the nav bar again. we should show SectionTwoB. if back is pressed we should navigate to SectionTwoA.
in both these examples, when moving from one section to another, the correct nav bar item should be highlighted.
I'm new to flutter so I'm learning as I go. For now, what I've done is using nav bar with PageViewer to switch from section to section, then each section uses a PageViewer to handle switching from page to page. This worked well until I had to implement the first usecase above, at this point it seems to me that it would be quite challenging to implment a proper navigation stack as demanded by the usecase and I feel it would be better to rethink the whole thing, only I've no idea what is the best way to approach this.
A temporary solution would be to also include SectionTwoB in the PageViewer of section one, but that would not allow me to highlight the proper nav bar item.
Any lead on how to approach this? All the examples I find seems too simple and/or I'm failing at understanding how to connect the pieces together. I'm using flutter_bloc as a state management library.
an app should be controlled via three navigation points in the foot.
The first point is just one side. The second point consists of a PageView.
In the third point, a list (navigation bar) should be scrolled through and offer many screens.
Is it technically easy to do? I successfully implemented the first and second point.
I still fail on the third point. I want to ask if there is a simple approach to this that I may be overlooking.
My code seems to be going messie: /
It should also be possible, for example, to insert a button in the first "single screen" that references a specific page of the "bottom app bar".
try this
Flutter curved navigation bar plugin you can create flutter custom bottom navigation bar in your project.
link 1
link 2
I am trying to change between two tab pages that have different tabs. Basically what I want is to have a two tab page at the bottom when the app is first opened, but when the user logs in, then change to a four page tab system. I am able to switch between pages, but the tabs stay. setRoot() doesn't work with changing the tabs at the bottom to the new tabs page and neither does pop() or push(). Is there a way to switch between the tabs pages to where they change from a two tab system to a four tab system after a button is clicked?
I am working on a project based on Ionic. I have a page consisting of three tabs.
When I switch between the tabs there is a white blank screen appears for a short period of time, but it looks like the whole page is getting refreshed.What I want to achieve is that the tabs should remain as it is. It should not look like tab gets disappears and then appears.only the content should change.
Any help will be appreciated.
you have to use show hide functionality. in your design three tabs are there right. so in your application create one main div and in that div put your three tab and inside your controller buy-default tab1 data show on load tab2 and tab3 div make hide. and if you click on tab2 then hide data tab1 and tab3. you do not change your whole page only data show hide. its faster and all header footer data as it is. and if you have any confusing then tell me.
I am using Coda-Slider for my website and I want to know if there is a way to change the content of each tab. For example, the user navigates onto tab2 where I placed a link to redirect the user to another page. Is there a way NOT to navigate away from the page nor the tab but instead load the link inside the tab? I was thinking it would look something like a modal box that would stay inside the tab instead of popping up.
see 19. Coda-Slider Sliding Tabs or you might want to try 35. JQuery IDTabs if you want the effect to be non-intrusive