Flutter 从心开始(了解,配置,安装,运行项目)

在这炎炎的夏日,不妨静下心来,了解一下flutter。

推荐一个网址,也是学习flutter的中文网

Flutter中文网

介绍:

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

为何使用:

Flutter有什么优势?它可以帮助你:

  • 提高开发效率
    • 同一份代码开发iOS和Android
    • 用更少的代码做更多的事情
    • 轻松迭代
    • 在应用程序运行时更改代码并重新加载(通过热重载)
    • 修复崩溃并继续从应用程序停止的地方进行调试
  • 创建美观,高度定制的用户体验
    • 受益于使用Flutter框架提供的丰富的Material Design和Cupertino(iOS风格)的widget
    • 实现定制、美观、品牌驱动的设计,而不受原生控件的限制

核心原则:

        Flutter包括一个现代的响应式框架、一个2D渲染引擎、现成的widget和开发工具。这些组件可以帮助您快速地设计、构建、测试和调试应用程序。

一切皆为widget

Widget是Flutter应用程序用户界面的基本构建块。每个Widget都是用户界面一部分的不可变声明。 与其他将视图、控制器、布局和其他属性分离的框架不同,Flutter具有一致的统一对象模型:widget。

Widget可以被定义为:

  • 一个结构元素(如按钮或菜单)
  • 一个文本样式元素(如字体或颜色方案)
  • 布局的一个方面(如填充)
  • 等等…

Widget根据布局形成一个层次结构。每个widget嵌入其中,并继承其父项的属性。没有单独的“应用程序”对象,相反,根widget扮演着这个角色。

您可以通过告诉框架使用另一个widget替换层次结构中的widget来响应事件,例如用户交互,替换后框架会比较新的和旧的widget,并高效地更新用户界面。

组合 > 集成

Widget本身通常由许多更小的、单一用途widget组成,这些widget结合起来产生强大的效果。例如,Container是一个常用的widget, 由多个widget组成,这些widget负责布局、绘制、定位和调整大小。具体来说,Container由 LimitedBoxConstrainedBox、 Align、 Padding、 DecoratedBox、 和Transform组成。 您可以用各种方式组合这些以及其他简单的widget,而不是继承容器。

类层次结构很浅且很宽,可以最大限度地增加可能的组合数量。

*以上为官网所提供的概述,更多细节大家可以去网站上阅读

-------------------------------------------------------------------------------------------------------------

好进入下一关:(安装)

首先需要下载flutter,我们使用git下载到我门的指定文件夹就好了,没有git可以网络上下载挺方便的。

git clone -b beta https://github.com/flutter/flutter.git

在你需要下载的目录 右键Git Bash Here 然后copy我们的地址就好了。

下载完成后打开flutter目录双击flutter_console.bat 

出现图片中的log 并不能说明成功了。。。也不知道网络上所说的这个干毛用

不要慌: 输入  flutter doctor  Enter

此时说明才说明成功了啊。。

在此之前

我们还需要配置一下环境变量

在用户变量新建就好

变量值:FLUTTER_STORAGE_BASE_URL       变量名: https://storage.flutter-io.cn

变量值:Path                                                        变量名: E:\Flutter\flutter\bin(目录)

变量值:PUB_HOSTED_URL                              变量名:https://pub.flutter-io.cn

ok,重新 flutter doctor 吧

下一步:

在Android Studio中安装 drat 和 flutter 插件。

如果网络不行,也不用去jetbrains 下载离线插件,版本和As 不一样,也安不上。更可怕的是如果出现错误,很麻烦。
我在安装离线插件的时候 Android studio 打不开了,很难受,百度了一下:

需要把C盘 用户  ..AndroidStudio3.0 删除。

重新打开就好了,说一说。

你可以打开手机热点,然后电脑连接,在重新试一下。 百试不爽。。

接下来在Setting中配置一下flutter的路径

New  Project

  1. 选择 File>New Flutter Project
  2. 选择 Flutter application 作为 project 类型, 然后点击 Next
  3. 输入项目名称 (如 myapp), 然后点击 Next
  4. 点击 Finish
  5. 等待Android Studio安装SDK并创建项目.

报错汇总:

1.新建项目运行时 可能会出现build tools xxx.x version的问题

这可能是因为我还用eclipse 在这之中我的环境变量是我另外一个android sdk,一般不会出现这个问题,如果你出现了

打开  local.properties  将sdk.dir 换成你studio使用的sdk路径就好了。不知道的请看

通过setting 自己查看一下

2. 在我们在命令行输入flutter 可能会出现

没关系,这是因为flutter 下载或者版本 出现问题了,等待就好。

再次提供两个插件:https://download.csdn.net/download/lhk147852369/10576313

因为版本问题可能会安装时失败,请换手机热点重新搜索导入 尝试,出现问题不要慌,往上翻。

猜你喜欢

转载自blog.csdn.net/lhk147852369/article/details/81325202