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
Tiempo de lectura: < 1 minuto html Copy code Reading time: < 1 minute When trying to run an application that makes an API call from Flutter, the following error occurs: Error: Cannot run with sound null safety, because the following dependenciesdon’t support null safety: package:http package:http_parser To fix this error, I followed these steps: First, in the Android Studio menu … Read more
Tiempo de lectura: 3 minutos Reading time: 3 minutes Internationalizing a flutter application is easy by following the following steps as I show below: First, we need to add the necessary dependencies in the pubspec.yaml file: flutter_localizations: sdk: flutter flutter_cupertino_localizations: ^1.0.1 Next, we create the directory structure with the .json files From the root of our project, we create a … Read more
