I have a Cupertino Tabbar where one page (the third page) has a Google maps widget.
The app starts on page one.
But is it possible to meanwhile load the Maps widget? (So if page 3 is selected Google Maps is already loaded).
try using IndexedStack with Tabbar, pages will be preloaded all at a time, Tabbar with IndexedStack
Related
I designed three onboarding pages in figma which contains information about my app, while wireframing the app, I added smart animate to the three pagesThis is the first onboarding page
The second one
The third one
The smart animate enables smooth transition from each page to each page
While using flutter, I created 3 different pages for each onboarding pages and added a navigation widget to each button
But the navigation from each page to each page was stacked
I also tried using gesturedetection() onhorizontalswipe still same result
The pages navigate in a stacked way totally different from figma's smart animate option.
Is there anyway I can do this?
I'll appreciate any help
Thanks in advance.
From what I understood,
You want to build an onboarding screen with some animation. But the pages are being stacked.
It is happening because you are navigating to different pages with each button press. That is very bad practice for building an onboarding screen.
You should be using a PageView widget that allows you to transit between pages without navigating to them.
If you want to use a plugin that suits you, I would recommend introduction_screen
I'm trying to create a web app that only renders one page, and the other pages (or views) are rendered when you press a button related to that specific view. Like the Flutter Gallery website, when you click on a widget info in the "Categories" section
Is there any workaround for this or do I have to create my own router?
you can keep all widgets on one page package by creating a switch statement in your build page. switch between different widget when rendering the scaffolding.
I am working on a flutter project that requires me to show a maps widget on separate screens. Currently, on every single screen, a separate maps widget is loaded and this is costly as google pricing is based on map loads.
I understand the basics here. If my data is going to change it should be stateful so I can update it otherwise stateless.
My question is more oriented in a bottomnavigation scenario. So, I have 3 tabs in my bottomnavigator (Profile, Home, Settings). The entry point is Home which is a stateful Widget.
The other two Widgets I want to basically populate the information in them with the api data.
The Problem
If I am in the Home screen and I click in the Profile icon in the bottomnavigator it does not load the information from the api. Even if it does, If I click in the Home screen and click again in the Profile screen to go back, the information does not refresh.
Solution
So what would be the way to handle this? I expect that if I click in each of the bottomnavigation items the information is refreshed with the api data. Is this because the Widgets are Stateful or Stateless or I am missing something else?
By default, the pages in Bottom Navigation bar refreshes/rebuild when they are are tapped on.
Make sure a few things in your app-
You are not using a "indexed stack" or any similar widget for these pages. These widgets preserves the state of your page
The navigation is taking place on its own. You have not defined any Navigator.Push etc for tap's in navigation bar.
You should call the API inside the initState method of that particular page. Like if you need profile details, call the api for profile information inside the initState method of Profile Tab and not the "Scaffold" page which has the navigation bar.
Can you make a screen widget with flutter? Is there a resource to learn, if any?
You can do it simply by using a bottom tab navigations and google api for calling the current weather and corresponding data.