Tiempo de lectura: < 1 minuto Photo by JÉSHOOTS In this example, I’m going to show you how to create a set of checkbox options in Flutter using the Dart programming language. To do this, we’ll create a component that we’ll call CheckboxGroup. This component will have its properties and events to handle the selection of options, allowing us to use … Read more
Tiempo de lectura: 2 minutos Photo by Pixabay In this example, I will show you how to create a set of options and radio buttons in Flutter using the Dart programming language. To do this, we will create a component that we will call CustomRadio. This element or component will have its properties and events to handle the selection of … Read more
Tiempo de lectura: 2 minutos Photo by JÉSHOOTS In this example, I’m going to show you how to create a select dropdown in Flutter using the Dart programming language. To do this, we’ll create a component that we’ll call CustomSelect. This element or component will have its properties and events to handle option selection, allowing us to use it in … Read more
Tiempo de lectura: < 1 minuto Reading Time: < 1 minutes Today, we are going to learn how we can change the name and description of the website displayed in a Flutter project. To edit this configuration, we will need to locate the file web/manifest.json Inside here, we are going to edit these lines: We can also change the description: And … Read more
Tiempo de lectura: 2 minutos I have used flutter_launcher_icons to create the icons for my application. First, add it to your pubspec.yaml file under dev_dependencies and then run flutter pub get flutter_launcher_icons: “^0.13.1” In your pubspec.yaml file, add a flutter_launcher_icons section to configure the icons you want to generate. Specify paths to the image files that will be used as … Read more
Tiempo de lectura: 2 minutos Reading time: 2 minutes Hello, today we are going to learn how we can open a PDF file sent from a REST API in our Flutter app. The first thing we are going to do is to install the PDF library for mobile in the pubspec.yaml file: flutter_pdfview: ^1.0.0 To install the library, use: flutter … Read more
Tiempo de lectura: 5 minutos Reading time: < 1 minute Photo by pexels To run a Flutter application on the web, you can follow the steps below. First, open a terminal or command line in the root directory of your Flutter project. Then, execute the following command to enable Flutter’s web functionality: flutter config --enable-web Next, run the following command ... Read more
Tiempo de lectura: 2 minutos Reading time: 2 minutes I’m going to show you an example of how to customize a loader to appear when we need to load data in our application. The loader element is as follows: class Loader extends StatelessWidget { @override Widget build(BuildContext context) { return Center( child: Container( padding: EdgeInsets.all(16.0), decoration: BoxDecoration( color: Colors.white, borderRadius: … Read more
Tiempo de lectura: < 1 minuto Reading time: < 1 minute First, we need to add the provider dependency inside the pubspec.yaml file. dependencies: flutter: sdk: flutter provider: ^5.0.0 To modify the theme of an application, I’ll show an example below: import 'package:flutter/material.dart'; import 'package:provider/provider.dart'; void main() { runApp( ChangeNotifierProvider( create: (context) => ThemeProvider(), child: MyApp(), ), ); } class ThemeProvider … Read more
Tiempo de lectura: < 1 minuto Reading Time: < 1 minute To create a search bar and filter a list, follow these simple steps: The list of elements we will display and filter is as follows: List<dynamic> tutorsData = [ { “name”: “Maria”, “email”: “example1_devcodelight@email.com”, “phone”: “1234567890” }, { “name”: “Laura”, “email”: “example2_devcodelight@email.com”, “phone”: “1234567890” }, { “name”: “Isma”, “email”: “example3_devcodelight@email.com”, … Read more
