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
Tiempo de lectura: < 1 minuto Reading time: < 1 minute When making a GET request using Flutter and the Dart programming language, I encountered an error while trying to display certain data. The encoding error occurs when receiving information with some characters, and when displaying them in the user interface, they are not shown correctly. To fix the error shown ... Read more
Tiempo de lectura: 3 minutos Reading time: 3 minutes To create an example list where we can add an element, update the list, and also remove elements, follow these steps: First, we create the main Widget that we call from main, where we display the .dart class with the designed view. void main() => runApp(MyApp()); class MyApp extends StatelessWidget { … Read more
Tiempo de lectura: < 1 minuto Reading time: < 1 minutes The structure for making a call from Flutter to an API and sending parameters to receive data is as follows: First, we declare and initialize a variable with the API route, in this case, I call it uri: final uri = 'https://name/api/route'; Then, I declare the headers, content-type: final headers ... Read more
Tiempo de lectura: < 1 minuto Reading Time: < 1 minute The structure to make an API call and retrieve data in Flutter is as follows: First, declare and initialize a variable with the API endpoint, in this case, I’ll call it `uri`: final uri = ‘https://example.com/api’; Next, declare the headers, specifically the `Content-Type`: final headers = { ‘Content-Type’: ‘application/json’, }; … Read more
