美文网首页
Flutter(一)初识

Flutter(一)初识

作者: 猪_队友 | 来源:发表于2018-08-24 10:24 被阅读25次

Flutter 出生便先声夺人

Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界,Flutter正在被越来越多的开发者和组织使用,并且Flutter是完全免费、开源的。

  • 快速开发
    毫秒级的热重载,修改后,您的应用界面会立即更新。使用丰富的、完全可定制的widget在几分钟内构建原生界面。
  • 富有表现力和灵活的UI
    快速发布聚焦于原生体验的功能。分层的架构允许您完全自定义,从而实现难以置信的快速渲染和富有表现力、灵活的设计。
  • 原生性能
    Flutter包含了许多核心的widget,如滚动、导航、图标和字体等,这些都可以在iOS和Android上达到原生应用一样的性能。

碎碎念

开发过原生的,才知道Flutter的方便,速度提升了不止一个档次,灵活的布局思想让人眼前一亮,一切皆Widget的Flutter和一切皆对象的Dart,这两者巧妙的搭配,让它走入了时代的最前沿。

大前端是未来的一个趋势,每个人都不敢保证未来是什么?但是我们只有掌握好未来的趋势,才会更好的应对未来的变化。ReatNatie,小程序,等等都是我们需要了解的方面,纯单端的时代已经在末尾了,这是世界正在迎接多彩的融合。

没事走两步

STEP 1、

首先是环境的搭建,这里大家可以移步到Flutter中文网。很详细,我在这里就不赘述了,很简单,一步一步来,基本不会有坑。

STEP 2、

欢迎大家回来,相信你已经把环境配置好了吧,我这里用的是AndroidStudio,当然可以用别的IDE,看大家哪一个更擅长了。



重要的文件有两个lib和pubspec.yaml.
在lib文件夹里放代码,在pubspec.yaml配置库的引用,图片地址等等一系列的东西。当然我们也要自己新建一个images文件夹来放置我们的图片。


image.png

然后在pubspec.yaml这样配置,就可以调用图片资源了,有点麻烦,可能后续会实现自动化吧。这是和我们平时其他开发的不同之处。

我们如果想要引用外部包,也可以在pubspec.yaml中这样配置。

当然大家现在是不需要配置这些东西的,只是提前说明一下。点击运行,看到默认的界面,Flutter的大门正在向你我们打开,不过现在还差得远。

我希望可以通过一个项目的实战,通过实际问题来学习Flutter,这样或许会有不一样的理解吧。这是一个项目的开端,一个探索,没有架构,只有功能的实现,然后再回头重构,再理解。现学现卖,新鲜美味。

相关文章

  • 初识flutter

    初识flutter 初识flutter

  • Flutter学习笔记 (一)

    (一)初识Flutter 1.Flutter是什么 Flutter is Google's UI toolkit ...

  • Flutter完全进阶手册

    Flutter  一、你好,Flutter    原生开发与跨平台技术    初识Flutter    Flut...

  • 一、Flutter原理篇

    第一章: 初识Flutter 1.1 Flutter简介 Flutter 是 Google 推出并开源的移动应用开...

  • Flutter学习笔记(一)

    先附上学习和参考的网站Flutter中文网Flutter实战 初识Flutter 简介 Flutter是Googl...

  • Flutter(一)初识

    Flutter 出生便先声夺人 Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量...

  • 一、初识Flutter

    Flutter是什么? Flutter is Google's UI toolkit for building b...

  • Flutter学习(一)初识Flutter

    内部团队学习,以简单直接为主 这一系列文章文字描述尽量少,主要以代码为主,秉持Talk is cheap. Sho...

  • [Flutter]初识flutter

    最近公司内部掀起了一阵Flutter的热潮,我也追赶一下热潮,来玩一玩这个小东西. 语言基础 Dart传送门 开发...

  • Flutter初识

    一、Flutter是什么? 根据Flutter中文官网(英文官网)的解释:Flutter是谷歌的移动UI框架,可以...

网友评论

      本文标题:Flutter(一)初识

      本文链接:https://www.haomeiwen.com/subject/htzviftx.html