Tutoriales

Instalar y configurar Flutter Development en Ubuntu Linux

El kit de herramientas Flutter UI de Google se está volviendo cada vez más popular para crear aplicaciones multiplataforma para dispositivos móviles, web y de escritorio.

Flutter no es un lenguaje de programación, sino un kit de desarrollo de software. Dart es el lenguaje de programación utilizado en Flutter SDK.

Flutter es el marco principal detrás del sistema operativo Fuchsia de código abierto de Google, Google STADIA y muchos otros software y aplicaciones móviles.

Si desea desarrollar con Flutter, este tutorial lo ayudará a preparar su configuración en Ubuntu y, con suerte, en otras distribuciones de Linux.

Publicaciones relacionadas

Instale Flutter en Ubuntu y otros Linux con Snap

La forma más sencilla de instalar Flutter en Linux es usar Snap. Si está usando Ubuntu, ya tiene Snap. Para otras distribuciones, asegúrese de que el soporte instantáneo esté habilitado.

Abra una terminal y use el siguiente comando en una terminal para instalar Flutter:

sudo snap install flutter --classic

Verá algo como esto en su terminal:

Una vez que se completa la instalación, es hora de comprobarlo. No solo la instalación de Flutter, sino cualquier dependencia que deba cumplirse para que Flutter funcione correctamente.

Verifique las dependencias de flutter

Para comprobar que todas las dependencias están instaladas para que Flutter funcione correctamente, Flutter tiene una opción incorporada:

flutter doctor

El proceso comienza y se ve así:

Verifique la instalación del flutter

Y así es como terminará:

Comprobación de aleteo completada

Como puede ver, necesitamos que Android Studio funcione. Así que instalémoslo. ¿Cómo lo haremos? Instalar Android Studio en Linux también es sencillo con Snap.

Instalar y configurar Android Studio

En una terminal, use el siguiente comando para instalar Android Studio:

sudo snap install android-studio --classic
Instale Android Studio en Linux usando Snap

Después de la instalación, abra Android Studio a través del menú de nuestro sistema operativo.

Abre el estudio de Android

Estas casi listo. Es hora de configurar Android Studio.

Configurar Android Studio

Haga clic en Siguiente y elija Estándar si no quiere complicar las cosas.

Configurar Android Studio

Elija su tema preferido (me gusta la oscuridad).

Configurar Android Studio

Asegúrese de que todo esté bien y haga clic en Siguiente.

Configurar Android Studio

Finalmente, haga clic en el botón Finalizar.

Configurar Android Studio

Y espera a que finalice la descarga.

Configurar Android Studio

Creando una aplicación de muestra para Hello World Flutter

En Android Studio, vaya a Proyectos y seleccione Nuevo proyecto de Flutter. La ruta del SDK de Flutter está configurada de forma predeterminada.

nuevo proyecto flutter

Y aquí es donde comienza a aparecer la magia, porque aquí es donde estableces el nombre de tu proyecto, que en este caso es hello_world.

Seleccionemos las tres plataformas disponibles: Android, iOS y Web. Finalmente haga clic en Finalizar.

Ejemplo de un proyecto de flutter

El archivo principal de los proyectos está en lib/main.dartcomo se muestra en la siguiente imagen.

Proyectos de muestra de Flutter

Una vez seleccionado, elimine todo en el archivo y modifíquelo para este código de muestra:

// Copyright 2018 The Flutter team. All rights reserved.
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget 
  @override
  Widget build(BuildContext context) 
    return MaterialApp(
      title: 'Welcome to Flutter',
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Welcome to Flutter'),
        ),
        body: const Center(
          child: Text('Hello World'),
        ),
      ),
    );
  

Es importante decir que esto es solo para mostrarte cómo funciona Flutter. En caso de que esté convencido de que está aprendiendo este hermoso e increíble idioma, aquí está la documentación para aprender más al respecto. Tratar ¡eso!

Finalmente elige Web de Chome Dispositivo y haga clic en el Correr Botón como se muestra a continuación; y ver la magia!

Ejemplo de un proyecto Flutter en Ubuntu

Es sorprendente lo rápido que puedes crear un proyecto de Flutter. Saluda a tu proyecto Hello World.

Ejecuta un proyecto de muestra de Flutter

Finalmente…

Flutter y Dart son perfectos si desea contribuir con hermosas interfaces móviles y web en poco tiempo.

Ahora sabe cómo instalar Flutter en Ubuntu Linux y crear su primera aplicación con él. Realmente disfruté escribiendo esta publicación para ti, espero que te ayude. Si tiene alguna pregunta, hágamelo saber dejando un comentario o enviándome un correo electrónico a [email protected] ¡Mucha suerte!

Tutorial de Marco Antonio Carmona Galván, estudiante de física y ciencia de datos.

Publicaciones relacionadas

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Botón volver arriba