概述
Flutter
是谷歌的移动UI框架
,可以快速在iOS和Android
上构建高质量的原生用户界面。Flutter可以与现有的代码一起工作,并且Flutter是完全免费、开源的。
Flutter组件
采用现代响应式框架构建,这是从React
中获得的灵感,中心思想是用组件(widget)
构建你的UI
,如果熟悉RN
的话,上手应该会比较快,现在已经有1.0.0稳定版本了
,可以去看官网文档。
笔者最近几天对比文档和一些开源项目,仿照网易云音乐,捣鼓了一些简单的界面。
环境配置
笔者工作系统是:ubuntu 16.0.4
,下载flutter_linux_v1.0.0-stable版本,解压,配置SDK路径。
启动Android Studio
后安装两个必要的插件Dart
和Flutter
如下
开始实践
和普通应用类似,配置好你的包名
主要目录结构如下所示:
原工程生成的源代码很多,笔者这里去掉了,以一个最简单的形式来展示,后续再来逐步添砖加瓦
import 'package:flutter/material.dart';
void main() => runApp(new MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return new MaterialApp(
title: 'Welcome to Flutter',
home: new Scaffold(
appBar: new AppBar(
title: new Text('Welcome to Flutter'),
),
body: new Center(
child: new Text('Hello World!'),
),
),
);
}
}
项目地址:
https://github.com/byhook/mike-music
小结
这节内容只是简单记录一下开始的过程,文章开头也说到了,Flutter
是Google开源的移动UI框架
,因此在界面方面,你可以理解为,一个人可以完成两个人的事情,有比较大的优势,但是要知道对于音视频领域等专业领域,势必会强依赖于原生,而Flutter
在这方面显然是乏力的,后续内容也会逐步探索实践。