How to Create Stateful Widget in Flutter

In this tutorial, we will create a button widget, and when the button is pressed, it will add an item to the List and display that List on the mobile screen. So, when the button is pressed, the widget’s state will change, the UI will be re-rendered, and we will see the products list inside … Read more

Flutter Tabs: How to Use Tabs in Flutter Tutorial with Example

Working with tabs is a typical pattern in Android and iOS apps following the Material Design guidelines.  Flutter includes a very convenient way to create tab layouts. For tabs to work, we will need to keep the selected tab and content sections in sync. It is the job of the TabController.  Our example app has a screen … Read more

Flutter Navigation: How to Navigate Different Screens in Flutter

In Android terms, our screens would have new Activities. In iOS terms, we have new ViewControllers. In Flutter, screens are just Widgets! So how do we navigate to new screens? The answer is using the Navigator class!  Flutter Navigation A multi-page application is one where we create multiple screens with their widgets, with one of them … Read more

Flutter ListView: Display Dynamic Data using ListView in Flutter

Flutter is the mobile App SDK by Google, which helps create modern mobile apps for iOS and Android using a single code base. It’s the new entrant in cross-platform mobile application development, and unlike other frameworks like React Native, it doesn’t use JavaScript but Dart as the Programming Language. If you don’t know how to install Flutter, … Read more

How To Display Image in Flutter

In this tutorial, we will see How To Display Image in Flutter. We use the Image widget to display the image, and the supported formats are JPEG, PNG, GIF, Animated GIF, WebP, Animated WebP, BMP, and WBMP. We mainly use a particular Image.asset constructor to display the image. Image.asset Constructor Creates a widget that displays … Read more

How To Write A Widget In Flutter

In this tutorial, we will see How To Write A Widget In Flutter. Flutter widgets are built using a modern react-style framework, which takes inspiration from React. The central idea is that you create your UI out of widgets. Widgets describe what their view should look like given their current configuration and state. When a widget’s state changes, … Read more

How To Install Flutter On Mac

Flutter allows us to make build beautiful native apps on iOS and Android from a single codebase. Flutter’s widget architecture incorporates all the critical platform differences such as scrolling, navigation, icons, and fonts to provide full native performance on both iOS and Android devices.  Flutter’s hot reload helps us quickly and easily experiment, build UIs, add … Read more