Flutter-01

发表于
字数统计: 788 | 阅读时长 ≈ 3

最近看到Flutter，所以准备玩下这个~

前期的一些坑

准备的东西

  1. Android Studio（个人推荐）或者Visual Studio Code（VS Code）
  2. Android SDK（使用Android Studio中的SDK Manager下载，需要修改代理设置）
  3. 一部手机（或者使用模拟器）
  4. Flutter SDK
  5. Flutter镜像环境配置

新建Flutter项目后

更改为阿里镜像
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
buildscript {
    ...
    repositories {
+       maven{ url 'https://maven.aliyun.com/repository/google'}
+       maven{ url 'https://maven.aliyun.com/repository/gradle-plugin'}
+       maven{ url 'https://maven.aliyun.com/repository/public'}
+       maven{ url 'https://maven.aliyun.com/repository/jcenter'}
        google()
        jcenter()
    }

    ....
}

...
...
...

allprojects {
    repositories {
+       maven{ url 'https://maven.aliyun.com/repository/google'}
+       maven{ url 'https://maven.aliyun.com/repository/gradle-plugin'}
+       maven{ url 'https://maven.aliyun.com/repository/public'}
+       maven{ url 'https://maven.aliyun.com/repository/jcenter'}
        google()
        jcenter()
    }
}
修改gradle的仓库地址

包管理-Dart,下载依赖会存储在 Flutter SDK 安装路径下

关于调试

控制台是调试程序必须要看的一个辅助工具，控制台有两个：一个是调试Android程序的 LogCat调试台，另一个是Flutter里面自带的Run控制台。

Flutter Toggle Debug Painting 这个还是很重要，可以在不同机器上看到布局情况。

1555343142313

关于以前的一些事（一些废话）

​ 在实习阶段的时候，大佬让我看看APICloud和Ionic。因为接下来的工作内容是，是将之前的应用移植到移动端中，并且跨越两个平台，再做一些客户定制的功能。最后，小组选定用APICloud。而在之后的工作，我也只是将APICloud上的一些现有的官方模块整理好，并实现前端调用的接口，像是地图，图片剪辑，文件管理等。移植的工作全是大佬来完成。

​ 原来开发移动端APP还可以这样。总体效果还是不错的，虽然在一些模块中感觉就是把浏览器嵌入到APP中（其实后来才知道是webview）。APICloud总得来说还是不错的，如果要在短期内做出一个轻便的应用，但是又没有移动端开发经验的话。

​ 在之后的学习中，了解到一些其他的开发移动端的姿势。

  1. 原生开发
  2. Hybrid混合式
    1. APICloud (APPCan)
    2. Ionic
  3. React Native
  4. 自绘UI+原生(Flutter)

​ 到了现在，Flutter出现了，我觉得这是个不错的选择。Flutter是什么呢？

​ Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面1 。主要是为了解决跨平台问题，兼顾Android和IOS平台，即使呈现给用户的效果一样，但是具体实现上却是千差万别（有点夸张）。同时在设计方面使用 Material Design 。我觉得非常有趣，可以一试。或者你看看在B站上关于Material Design的宣传 视频。

参考资料

  1. 1.摘自关于Flutter的介绍:https://flutterchina.club ↩
  2. 2.移动开发技术简介: https://book.flutterchina.club/chapter1/mobile_development_intro.html ↩
  3. 3.flutter vs 其他跨平台開發工具:https://www.bilibili.com/video/av44447707/?p=1 ↩
- the End -
0%