Flutter

PWA vs Flutter vs React Native vs Ionic: Which Technology to Use for Mobile Development?

by
PWA vs Flutter vs React Native vs Ionic: Which Technology to Use for Mobile Development?

Tiempo de lectura: 3 minutos Reading time: 4 minutes PWA (Progressive Web Apps), Flutter, React Native, and Ionic are mobile development technologies that have different advantages and disadvantages in terms of performance, user experience, platform support, learning curve, maintenance and scalability, and cost. PWA It is a technology that allows creating web applications with features similar to native applications, using … Read more

Create a Flappy Bird-like Game Using Flame and Flutter

by
Create a Flappy Bird-like Game Using Flame and Flutter

Tiempo de lectura: 5 minutos Flutter is an open-source mobile development framework that enables developers to create high-quality mobile applications for Android and iOS. One of the most popular tools in Flutter for game development is the animation and graphics library known as Flame. Flappy Bird is a simple and addictive platformer game where a bird must fly through pipes … Read more

Internationalization of Flutter Application Using .json Files

by
Internationalization of Flutter Application Using .json Files

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

Get Started with Flutter

by
Get Started with Flutter

Tiempo de lectura: 2 minutos Reading Time: 2 minutes Flutter is an open-source mobile app development framework developed by Google. It allows developers to create applications for iOS and Android with a single codebase. To get started with Flutter, you first need to download and install the Flutter development kit (SDK). Then, you can create a new Flutter project using … Read more

[ERROR:flutter/runtime/dart_vm_initializer.cc(41)] Unhandled Exception: Binding has not yet been initialized in Android Studio – Flutter

by
[ERROR:flutter/runtime/dart_vm_initializer.cc(41)] Unhandled Exception: Binding has not yet been initialized in Android Studio – Flutter

Tiempo de lectura: < 1 minuto Reading time: < 1 minute Photo by Soumil Kumar from pexels To solve this error while working with Flutter in an Android Studio project, you need to go to the main.dart file. This class is where the application starts with the runApp() method. You simply need to add the following line of code inside the … Read more

ERROR:D8: Cannot fit requested classes in a single dex file (# methods: 98082 > 65536) en Android Studio – Flutter

by
ERROR:D8: Cannot fit requested classes in a single dex file (# methods: 98082 > 65536) en Android Studio – Flutter

Tiempo de lectura: 2 minutos Reading time: 2 minutes Photo by Marta Branco from Pexels To fix the following error in a Flutter project in Android Studio, follow these steps: Following the path shown below, navigate to build.gradle Once inside, add the following line of code. multiDexEnabled true A few lines below, still inside the build.gradle, within dependencies and below … Read more

Error when loading an image with svg extension (Flutter-Dart): Failed to detect image file format using the file header – Invalid image data.

by
Error when loading an image with svg extension (Flutter-Dart): Failed to detect image file format using the file header – Invalid image data.

Tiempo de lectura: 2 minutos Reading time: 2 minutes When trying to display an image with the svg extension, I encountered the following error: @override Widget build(BuildContext context) { return Scaffold( body: Center( child: Column( mainAxisAlignment: MainAxisAlignment.center, children: [ Text(“WELCOME to DevCodeLight”), Container( width: 200.0, height: 200.0, child: Image.asset(‘lib/images/android/splahs_android.svg’)), ], ), ), ); } I solved it by adding the … Read more

Adding color to a BodyComponent element using Flame in Flutter

by
Adding color to a BodyComponent element using Flame in Flutter

Tiempo de lectura: 2 minutos Reading time: 2 minutes In this tutorial, I’m going to explain how you can add colors to BodyComponent elements in Flame Engine (https://examples.flame-engine.org). In this example, I’m going to add a BodyComponent representing a blue bar. class BlueBar extends BodyComponent { // Passed parameters final double positionX; final double positionY; final double angularVelocity; // Constructor … Read more

Flutter Project in VSCode

by
Flutter Project in VSCode

Tiempo de lectura: 3 minutos Reading Time: 4 minutes Today I’m going to show you how to open a Flutter project in VSCode to work in this environment. First, let’s install the Flutter SDK on our PC: Go to the official website https://docs.flutter.dev/get-started/install/windows Choose the corresponding installation: Next, extract the flutter folder to the directory where you want to install … Read more