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
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
Tiempo de lectura: 2 minutos To quickly and easily get the current location, follow these steps: First, make sure you have added the geolocator dependency in the pubspec.yaml file: geolocator: ^7.0.3 Then, run flutter pub get to install the dependency. Next, add the necessary permissions in the AndroidManifest.xml file: <uses-permission android:name=”android.permission.ACCESS_FINE_LOCATION” /> <uses-permission android:name=”android.permission.ACCESS_COARSE_LOCATION” /> Then implement the following … Read more
Tiempo de lectura: 2 minutos Photo by Ákos Szabó First, we will define the plural messages in the strings.xml file, located in the res/values/ folder. This file contains the text resources used in the application. In this case, as an example, we will display different text depending on the number of messages we have. In the plural text item quantity=»other», … Read more
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 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 This error appears when trying to create a build (apk/aab) with Android Studio. To solve it, we have to go to the build.gradle of the app and add into defauldConfig: multiDexEnabled true Remaining as follows: android { defaultConfig { … multiDexEnabled true … } DevCodeLightdevcodelight.com
Tiempo de lectura: < 1 minuto Creating a popup or alert in Android Studio using the Java programming language is straightforward. The component we’ll use to create the popup is AlertDialog, which we’ll create with a title, a message, and two buttons: “Accept” and “Cancel.” Then, we define actions for each button using setPositiveButton and setNegativeButton. In this case, clicking either … Read more
Tiempo de lectura: 2 minutos Photo by Bri Schneiter from Pexels To create a list of elements obtained from a GET call and display them, you need to follow the steps outlined in the example below. First, create an XML file to define the view with the list. To display a list, we will use the “ListView” element. Photo by … Read more
Tiempo de lectura: 2 minutos To create a list of items and display them on Android, follow these steps as shown in the example. First, create an XML file to define the view with the list. To display a list, we will use the “ListView” element. <?xml version=”1.0″ encoding=”utf-8″?> <RelativeLayout xmlns:android=”http://schemas.android.com/apk/res/android” android:layout_width=”match_parent” android:layout_height=”match_parent”> <ListView android:id=”@+id/listView” android:layout_width=”match_parent” android:layout_height=”match_parent”/> </RelativeLayout> Next, create … Read more
