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.

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í:

Y así es como terminará:

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

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

Estas casi listo. Es hora de configurar Android Studio.

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

Elija su tema preferido (me gusta la oscuridad).

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

Finalmente, haga clic en el botón Finalizar.

Y espera a que finalice la descarga.

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.

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.

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

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!

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

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.