{"id":109,"date":"2023-04-14T11:16:59","date_gmt":"2023-04-14T16:16:59","guid":{"rendered":"https:\/\/www.sofcavi.com\/es\/?p=109"},"modified":"2023-04-14T11:16:59","modified_gmt":"2023-04-14T16:16:59","slug":"que-es-flutter","status":"publish","type":"post","link":"https:\/\/www.sofcavi.com\/es\/2023\/04\/14\/que-es-flutter\/","title":{"rendered":"Que es Flutter"},"content":{"rendered":"
\n
\n
\n
\n
\n
\n
\n

\u00bfQu\u00e9 es Flutter?<\/h1>\n<\/div>\n<\/div>\n
<\/div>\n
\n
\n

Flutter es un SDK desarrollado por Google para crear aplicaciones m\u00f3viles tanto para Android como para iOS (Apple).<\/strong> Fue desarrollado como un software para uso interno dentro de la compa\u00f1\u00eda pero vieron el potencial que tenia y decidieron lanzarlo como proyecto de c\u00f3digo libre. Actualmente es uno de los proyectos de desarrollo de aplicaciones m\u00f3viles que m\u00e1s est\u00e1 creciendo. Adem\u00e1s, desde la \u00faltima versi\u00f3n estable, tambi\u00e9n es posible realizar aplicaciones Web y de escritorio para Windows y Mac. Aunque en estas dos plataformas a\u00fan est\u00e1 en fase experimental (beta).<\/p>\n<\/div>\n<\/div>\n

<\/div>\n
\n
\n

Estas son las tres principales ventajas que ofrece Flutter respecto a otras frameworks de desarrollo de aplicaciones multiplataforma:<\/p>\n

    \n
  1. Compila en nativo<\/strong>, tanto en Android como en iOS.<\/li>\n
  2. La creaci\u00f3n interfaces gr\u00e1ficas<\/strong> es muy flexible, puedes combinar diferentes Widgets (elementos gr\u00e1ficos) para crear las vistas.<\/li>\n
  3. El desarrollo es muy r\u00e1pido<\/strong>, permite ver el resultado de forma instant\u00e1nea mientras se escribe el c\u00f3digo.<\/li>\n<\/ol>\n<\/div>\n<\/div>\n
    <\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n
    \n
    \n
    \n
    <\/div>\n
    \n
    \n
    \n
    \n
    \n
    \n
    \n

    \u00bfC\u00f3mo funciona Flutter?<\/h2>\n<\/div>\n<\/div>\n
    <\/div>\n
    \n
    \n

    Explicado de forma muy simple, Flutter utiliza un motor gr\u00e1fico, llamado Skia, que renderiza en 2D los elementos gr\u00e1ficos. Flutter est\u00e1 escrito en C, C++ y, mayormente, en Dart. De forma resumida, la capa del motor est\u00e1 escrito en C++ y la de los Widgets en Dart.<\/p>\n<\/div>\n<\/div>\n

    <\/div>\n
    \n
    \n

    Widget es la palabra m\u00e1s repetida cuando se hace referencia a Flutter, se refiere a los elementos gr\u00e1ficos que componen una vista. Por ejemplo, un bot\u00f3n, un texto o una imagen. Aunque tambi\u00e9n hay Widgets m\u00e1s complejos que est\u00e1n formados por otros Widgets.<\/p>\n<\/div>\n<\/div>\n

    <\/div>\n
    \n
    \n

    Flutter<\/strong> utiliza Dart como lenguaje de programaci\u00f3n, tambi\u00e9n desarrollado por Google. Posiblemente, esta sea una desventaja, ya que Dart no es un lenguaje muy conocido ni usado por la comunidad de desarrolladores m\u00f3viles (Swift, Objective-C, Kotlin, Java) y web (JavaScript, PHP, Java, Ruby\u2026). Aunque es muy parecido a Java y C# (Microsoft), si se tiene experiencia con alguno de estos lenguajes es muy intuitivo empezar con Dart. Si bien es cierto que Dart a\u00fan no incluye caracter\u00edsticas muy \u00fatiles de los nuevos lenguajes de programaci\u00f3n como Swift y Kotlin, Google lo est\u00e1 evolucionando para facilitar el desarrollo con Flutter.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n

    \n
    \n
    \n
    <\/div>\n
    \n
    \n
    \n
    \"Flutter<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
    <\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n
    \n
    \n
    \n
    \n
    \n
    \n
    \n
    \n
    \n
    \n

    Sobre la configuraci\u00f3n e Instalaci\u00f3n<\/h3>\n<\/div>\n<\/div>\n
    <\/div>\n
    \n
    \n

    Para empezar a programar en Flutter se necesita un ordenador con Windows, Linux o Mac. Es sencillo; debes descargar Flutter desde la p\u00e1gina web y seguir los pasos para configurarlo dependiendo del sistema operativo que tengas. Posteriormente, debes instalar Android Studio para instalar el SDK de Android y el editor de texto o IDE para empezar a programar en Dart. Actualmente, el IntelliJ IDEA, Android Studio y Visual Studio Code soportan los plugins oficiales de Dart y Flutter. Por lo que es recomendable utilizar alguno de estos programas.<\/p>\n<\/div>\n<\/div>\n

    <\/div>\n
    \n
    \n

    Ten en cuenta que para compilar la app en iOS es necesario realizarlo desde un Mac con Xcode 9 o superior. En este caso, hay varios pasos adicionales en la instalaci\u00f3n para configurarlo junto con Xcode. Los editores de c\u00f3digo son los mismos que hemos comentado anteriormente.<\/p>\n<\/div>\n<\/div>\n

    <\/div>\n
    \n
    \n

    Por \u00faltimo, y aunque Android Studio<\/strong> y Xcode<\/strong> tienen emuladores de diferentes versiones de Android e iOS, es recomendable utilizar dispositivos f\u00edsicos para realizar pruebas y comprobar como te est\u00e1 quedando la app durante el desarrollo. Por que a veces surgen errores en los dispositivos f\u00edsicos que en el emulador no aparecen. Adem\u00e1s, hay funciones que no pueden probarse en el simulador, como por ejemplo las notificaciones push en iOS.<\/p>\n<\/div>\n<\/div>\n

    <\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n
    \n
    \n
    \n
    <\/div>\n
    \n
    \n
    \n
    \n
    \n
    \n
    \n

    \u00bfCu\u00e1les son las alternativas a Flutter?<\/h2>\n<\/div>\n<\/div>\n
    <\/div>\n
    \n
    \n

    En un primer momento, Flutter<\/strong> es comparado con React Native, porque ambas plataformas usan la programaci\u00f3n reactiva. De hecho, hay numerosos art\u00edculos que los comparan e incluso intentan predecir si Flutter reemplazar\u00eda totalmente a React Native. Pero aunque sean plataformas parecidas, cada una tiene su enfoque y utilidad para crear Apps. En estos momentos Google est\u00e1 corrigiendo bugs e incluyendo nuevas funciones a Flutter bastante r\u00e1pido, mientras que el progreso de React Native est\u00e1 un poco estancado. Hace poco que se lanz\u00f3 la versi\u00f3n 0.6 con algunas mejoras.<\/p>\n<\/div>\n<\/div>\n

    <\/div>\n
    \n
    \n

    En cuanto a las WebApps (Cordoba \/ PhoneGap), tienen un enfoque totalmente distinto. Las WebApps est\u00e1n escritas en c\u00f3digo HTML, CSS y JavaScript, y realmente la aplicaci\u00f3n emula a un navegador web donde se ejecuta el c\u00f3digo.<\/p>\n<\/div>\n<\/div>\n

    <\/div>\n
    \n
    \n

    Xamarin es la alternativa a tener en cuanta si se quiere compilar en nativo. Fue comprada por Microsoft y permite crear aplicaciones para Android, iOS y Windows Phone, aunque Microsoft ya ha comunicado que dejar\u00e1 el desarrollo de este sistema operativo m\u00f3vil. El IDE que es utiliza es el Visual Studio y se programa en C#. Tiene la particularidad que permite crear proyectos multiplataforma, Xamarin Forms, o crear un proyecto para una plataforma en concreto, por ejemplo, crear una app para Android con C#. Como en el caso de Flutter, para crear aplicaciones en iOS es neceario hacerlo desde un Mac o tener acceso a un Mac desde el PC (Windows). Visual Studio est\u00e1 disponible para Windows y Mac (versi\u00f3n creada a partir de Mono), no est\u00e1 disponible para Linux.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

    \u00bfQu\u00e9 es Flutter? Flutter es un SDK desarrollado por Google para crear aplicaciones m\u00f3viles tanto para Android como para iOS (Apple). Fue desarrollado como un software para uso interno dentro de la compa\u00f1\u00eda pero vieron el potencial que tenia y decidieron lanzarlo como proyecto de c\u00f3digo libre. Actualmente es uno de los proyectos de desarrollo […]<\/p>\n","protected":false},"author":1,"featured_media":111,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-109","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tecnologia"],"_links":{"self":[{"href":"https:\/\/www.sofcavi.com\/es\/wp-json\/wp\/v2\/posts\/109","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sofcavi.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.sofcavi.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.sofcavi.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sofcavi.com\/es\/wp-json\/wp\/v2\/comments?post=109"}],"version-history":[{"count":2,"href":"https:\/\/www.sofcavi.com\/es\/wp-json\/wp\/v2\/posts\/109\/revisions"}],"predecessor-version":[{"id":113,"href":"https:\/\/www.sofcavi.com\/es\/wp-json\/wp\/v2\/posts\/109\/revisions\/113"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.sofcavi.com\/es\/wp-json\/wp\/v2\/media\/111"}],"wp:attachment":[{"href":"https:\/\/www.sofcavi.com\/es\/wp-json\/wp\/v2\/media?parent=109"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.sofcavi.com\/es\/wp-json\/wp\/v2\/categories?post=109"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.sofcavi.com\/es\/wp-json\/wp\/v2\/tags?post=109"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}