Image credit to: Louie Jay Lomibao Today’s topic is about how to make adaptive apps in Flutter. Fundamentally, adaptive and responsive design are two techniques for designing for a wide range of devices. In its most basic form, responsive design employs a single layout and adjusts the page’s text, navigation, and elements to match the …
Today’s topic is about how to downgrade flutter versions. There are a lot of incompatibility problems, or perhaps we want to use other specific versions of Flutter. That is why I am going to address such problems and needs. To be specific, this blog post won’t just teach you how to downgrade flutter versions but …
A text box (input box), text field, or text entry box is a graphical user interface control element that allows the user to enter text information to be used by a computer. On the other hand, in flutter, it’s not so different as Text fields in Flutter allow users to enter text into a UI. …
Credit to: Google | Material Design Switches toggle the state of a single item on or off. This specific widget is one of the most used widgets in flutter as a number of apps in the Play Store and App Store are increasingly utilizing this widget as it immediately activates or deactivates something. Besides that, …
You might have already heard of the Drawer Menu here, but this time we’re going to utilize Material Design’s Navigation Drawer. It’s similar, but the Material Design has some extra and advanced features that you could utilize and switch from the standard drawer menu in flutter. The drawer menu is almost implemented in any app …
In today’s blog we’re going to learn how to use data tables in Flutter. The particular conventions and vocabulary used to describe tables differ depending on the situation. Tables also range greatly in terms of variety, structure, flexibility, terminology, representation, and use. Although we have already covered how to use a table here, this one …
At layout time in Flutter, the framework runs the builder function and supplies the parent widget’s constraints. The LayoutBuilder Widget’s ultimate size will be the same as that of its child. The LayoutBuilder in Flutter is an unavoidable widget to be used if we want to build apps that are highly responsive. Pulsation automated testing …
A Bottom App Bar, unlike the common Top App Bar, has a difference in how it is implemented. The top app bar displays content and actions that are relevant to the current screen. It is suitable for branding, screen titles, navigation, and activities. The bar can also be transformed into a contextual action bar, displaying …
You’ve probably heard of navigation bars and drawer menus, but this one is really similar. It’s known as a navigation rail. Navigation rails provides more comfortable moving between major app destinations. The rail is a side navigation component that displays three to seven app destinations as well as a Floating Action Button if available. The text …
Credit to: unsplash.com | Adem AY Today we’re going to discuss dialog. It is a small window-sized graphical control element that delivers information to the user and requests a response from them. In addition, dialog boxes are characterized as “modal” or “modeless” based on whether or not they prevent interaction with the software that triggered …