Button component using Flutter in Dart language

Button component using Flutter in Dart language

Tiempo de lectura: 2 minutos In this post, we will create a customizable button component in Flutter using the ElevatedButton widget. This component will allow us to create buttons with text, icon, and customize various aspects like color, text size, and button width. import ‘package:flutter/material.dart’; import ‘../util/constants/Colors.dart’; class Button extends StatelessWidget { final Color? color; // Now optional and can … Read more

Select Dropdown Options Widget or DropdownButton in Dart using Flutter

Select Dropdown Options Widget or DropdownButton in Dart using Flutter

Tiempo de lectura: 2 minutos Today we are going to create a custom widget called CustomDropdownButton, which is used to display a DropdownButton with selectable options. The widget accepts three parameters: import ‘package:flutter/material.dart’; import ‘../comun/Option.dart’; class CustomDropdownButton extends StatefulWidget { final Option selectedOption; final List options; final void Function(Option?) onChanged; CustomDropdownButton({ required this.selectedOption, required this.options, required this.onChanged, }); @override _CustomDropdownButtonState … Read more

Add Google Sign Auth in Flutter

Add Google Sign Auth in Flutter

Tiempo de lectura: 4 minutos Today we are going to learn how we can implement Google authentication in our Flutter app. Let’s go to Google Cloud Platform (https://cloud.google.com/) and click on Console Now select our project (if we already have it created by Firebase) or create a new one. Now search for: oauth clients Choose External: Fill in the application … Read more

Crear un widget que pueda contener a otros widgets (ejemplo de custom card) con Flutter

Crear un widget que pueda contener a otros widgets (ejemplo de custom card) con Flutter

Tiempo de lectura: 1 minuto Today we are going to learn how to create a Widget that can contain other Widgets and be used as a background in Flutter. The first thing we are going to do is create our Widget which we will call CustomCard.dart It contains this code: import ‘package:flutter/material.dart’; class CustomCard extends StatelessWidget { final Widget? child; … Read more

Set Up Google Firebase in Flutter Project

Set Up Google Firebase in Flutter Project

Tiempo de lectura: 5 minutos Today we are going to learn how we can set up Google Firebase in a Flutter project. The first thing we need to do is create our Firebase project, for that we go to https://firebase.google.com/ And click on Go to Console: Choose Add Project Choose a name for the APP. We can choose whether we … Read more

Adding APP title in different languages for Android / iOS using Flutter

Adding APP title in different languages for Android / iOS using Flutter

Tiempo de lectura: 2 minutos Today we are going to learn how we can set the title of our APP in different languages using Flutter. For Android The first thing we need to do is go to the title of our APP, which is located inside android\app\src\main\AndroidManifest.xml <application android:label=”app_name” Now let’s create a variable that will allow us to change … Read more

Fixing error: Building with plugins requires symlink support. Please enable Developer Mode in your system settings. In Flutter build.

Fixing error: Building with plugins requires symlink support. Please enable Developer Mode in your system settings. In Flutter build.

Tiempo de lectura: < 1 minuto If you encounter the following error message when using the command: flutter build apk or the command: flutter build appbundle It’s due to the lack of support for symbolic links (symlink) on your system. This problem can arise on operating systems that do not have developer support enabled or when Flutter cannot create symbolic links … Read more

Add Ad Consent Message for European Users – AdMob GDPR with Flutter

Add Ad Consent Message for European Users – AdMob GDPR with Flutter

Tiempo de lectura: 2 minutos Today we are going to learn how to implement the mandatory consent message from Google AdMob, which will be requested from European users by the GDPR or GPDR law or Data Protection who want to view the ads of the APP with AdMob. We are going to use the official AdMob package for Flutter (https://developers.google.com/admob/flutter/eu-consent?hl=es-419) … Read more

Connect a Flutter Application to a WebSocket

Connect a Flutter Application to a WebSocket

Tiempo de lectura: 2 minutos Today we are going to learn how we can connect a Flutter APP to a WebSocket quickly and simply. Step 1: Flutter Project Setup Create a new Flutter project using the following command in your terminal: flutter create my_app Replace “my_app” with the name you want for your project. We will use the web_socket_channel library: … Read more