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.
Related
I inherited a project in flutter and I need to create or use a widget that will allow me to display information throughout the entire app. The graphic design that I want to follow has a background with a gradient of colors.
My question is, is there any widget that can appear just above a browser menu at the bottom of the application, that can comply with this type of design?
I have tried with snackbar but I have not found a way to put the gradient background and I tried with flushbar but when it opens (and allows the user to close it) it does not allow navigation.
I've tried "getx" but it does not go well with the rest of the app, because its an already big application with materialApp.
I'm expecting something that can act as a snackbar but have gradient background.
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.
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
1.I have created a lesson app USING FLUTTER in which I want to implement next,previous,share & home button in each page...How can I do this
2.I need your help
If you have a scaffold, this will have an appbar and you place the actions in the appbar with icon buttons.
A scaffold also has a body which can be a pageview which in turn, can hold your various pages.
Depending on the app, you might get the pageView or a gestureDetector to give you swipe left and right for your previous or next.
Im trying to make a Custom Progress Indicator widget which i can show or hide in any of the pages(Anywhere across the app). My approach is to bind a provider value for the progress widget and toggle the value as required. But I just don't get where exactly i should place the Progress/loader widget to make it work in whole App.
Or should i resort to using progress widget in each of the required pages and toggle it?
I'm coming from a web development background, so is there a equivalent of rootPage/ rootscreen where we can place app wide components (as in React, Ionic).