Kinda Code
Home/Flutter/Page 5

Flutter

Flutter and Dart tutorials, tips & tricks
Flutter Gradient Text Examples

Flutter Gradient Text Examples

Updated: Aug 27, 2023
This concise, practical article will walk you through three complete examples of creating gradient text in Flutter. We’ll use only the built-in features of Flutter and won’t rely on any third-party libraries. Example 1:......
Flutter:  ListTile with multiple Trailing Icon Buttons

Flutter: ListTile with multiple Trailing Icon Buttons

Updated: Aug 27, 2023
There might be cases where you want to add multiple trailing icon buttons to a ListTIle widget. Many Flutter developers will get a solution in seconds: using a Row widget and placing some icon buttons inside it, like this: ListTile( ......
Flutter: Customizing Status Bar Color (Android, iOS)

Flutter: Customizing Status Bar Color (Android, iOS)

Updated: Aug 24, 2023
This short post shows you how to change the status bar color (and control its text and icon brightness) in Flutter. iOS On iOS, the background color of the status bar is the same as the background color of the AppBar......
Flutter Vertical Text Direction: An Example

Flutter Vertical Text Direction: An Example

Updated: Aug 24, 2023
In Flutter, you can set the orientation of the text characters in a line to vertical by wrapping a Text widget inside a RotatedBox widget, like this: RotatedBox( quarterTurns: 1, child: Text( ......
Flutter Error: The argument type ‘String’ can’t be assigned to the parameter type ‘Uri’

Flutter Error: The argument type ‘String’ can’t be assigned to the parameter type ‘Uri’

Updated: Aug 24, 2023
If you’re using the http package (version 0.13 or newer), you might run into the following error when sending HTTP requests: The argument type 'String' can't be assigned to the parameter type 'Uri' The cause of this error......
Flutter: Create a New Project in the Current Directory

Flutter: Create a New Project in the Current Directory

Updated: Aug 24, 2023
To create a new Flutter project in the current directory, you can run the flutter create command and use the dot (.) for the path: flutter create . Important: The folder name should be all lowercase, with underscores to separate......
Flutter: Giving a Size to a CircularProgressIndicator

Flutter: Giving a Size to a CircularProgressIndicator

Updated: Aug 24, 2023
In Flutter, the CircularProgressIndicator widget, as its name implies, helps you implement a circle progress indicator that lets the user know that something is loading. This widget doesn’t ship options to set its size like......
How to Create Rounded ListTile in Flutter

How to Create Rounded ListTile in Flutter

Updated: Aug 24, 2023
In Flutter, you can implement a ListTile widget with rounded corners by setting its shape property to RoundedRectangleBorder(/*...*/). Below is a concrete example that demonstrates this. Screenshot: The code: Scaffold( ......
Flutter: Drawing an N-Pointed Star with CustomClipper

Flutter: Drawing an N-Pointed Star with CustomClipper

Updated: Aug 24, 2023
This article shows you how to draw an n-pointed star (5-pointed star, 6-pointed star, 10-pointed star, 20-pointed star, etc.) by using the CustomClipper class in Flutter. There is no need to install any third-party packages. We will......
Flutter: Displaying text that contains special characters

Flutter: Displaying text that contains special characters

Updated: Aug 24, 2023
This article shows you a couple of different ways to display text that contains special characters in Flutter. Escaping every special character Like many programming languages, you can escape special characters in a Dart string by......
Flutter decimal number keyboard example

Flutter decimal number keyboard example

Updated: Aug 24, 2023
To show the decimal number soft keyboard in Flutter, just add the following option to your TextField widgets: keyboardType: TextInputType.numberWithOptions(decimal: true) Note: If you use keyboardType: TextInputType.number, the soft......
Flutter: DropdownButton Example

Flutter: DropdownButton Example

Updated: Aug 24, 2023
This article walks you through an end-to-end complete example of implementing the DropdownButton widget in Flutter. Overview A Quick Note When a DropdownButton widget gets pressed, a menu with items will show up and let the......