Tag Archives: flutter widgets

Different ways of making rounded corner images in flutter

By | June 25, 2023
0 Comment

Example 1: ClipRRect dartCopy codeClipRRect( borderRadius: BorderRadius.circular(10.0), child: Image.asset(‘assets/images/image.jpg’), ) In this example, the ClipRRect widget is used to clip the child Image with rounded corners. The borderRadius property defines the radius of the corners. Example 2: BoxDecoration dartCopy codeContainer( decoration: BoxDecoration( borderRadius: BorderRadius.circular(10.0), image: DecorationImage( image: AssetImage(‘assets/images/image.jpg’), fit: BoxFit.cover, ), ), ) Here, a… Read More »

Flutter DataTable + MySQL

By | June 27, 2023
65 Comments

In this demo we will create a flutter app that communicates with the Server and create a table, insert records, update records, fetch all records and delete records. The Data from the Server will be displayed in a DataTable. Watch Video Tutorial Here I am using XAMPP to create a local Server. You can download… Read More »

Bottomsheets in Flutter – Android and iOS

By | January 15, 2019
0 Comment

This demo shows how you can implement bottom sheets in flutter which works for both Android and iOS.   The StatefulWidget has a built-in function called “showModalBottomSheet’ which we will implement to show a bottom sheet.   Watch Video Tutorial     Modal Bottom Sheet     The below function implements a bottom sheet which… Read More »

Efficient use of Widgets in Flutter Container – Tip

By | January 12, 2019
0 Comment

  I am going to show how to efficiently make use of widgets in Flutter. This is a simple example of how to work with widgets in Flutter. Here we will be creating two widgets that looks similar, but let’s see how many hierarchies or levels of widgets are needed to create such a widget.… Read More »

Flutter Tutorial – How to listen to onChange in TextField? (Android and iOS)

By | January 12, 2019
2 Comments

TextField is a common component in our applications. In this simple example we will see two ways you can listen to the text changes in a Flutter TextField. Watch Video Tutorial 1. Using OnChange Event This one is simple. Just supply the onChange event of the TextField with a onChange callback. Example 2. Using TextEditingController… Read More »

Flutter Tutorial – Navigation and Passing params between Screens (Android and iOS)

By | January 12, 2019
0 Comment

Hello devs… This is a simple tutorial in which we will see how to navigate between two screens in flutter and pass params from one screen to another screen. Below is the video of the sample app we are going to make… You can watch the complete video tutorial below… Watch Tutorial You can see… Read More »