Flutter开发
Flutter使用Dart语言,可同时开发生成 IOS和Android系统的应用程序,并且Flutter是Google力推的一种新的跨平台开发语言。本专栏会将,日常学习和应用到的知识进行记录归纳。
RedKeyer
乌云之上没有风雨!
展开
-
Flutter 与 Android控件对比
NOAndroid控件Flutter控件应用场景备注01TextViewText展示Text,显示文字02EditTextTextField输入文字,输入框03ButtonMaterialButton输入文字,输入框04ImageButtonIconButton图片按钮05SnackBarSnackBar底部弹...原创 2019-05-05 10:59:25 · 387 阅读 · 0 评论 -
Flutter开发环境搭建——windows
为什么要学习Flutter?1、Google大力推出;2、可以跨平台;3、刷新频率120帧4、AndroidStudio可以开发!个人认为Flutter比 React Native 更有优势,因为Google开发了Android,Google又开发了Flutter,并且它比React Native出现的更晚(更新,长江后浪拍前浪,一浪拍死一浪!)RN都跟风的稀里糊涂的学了,Flutt...原创 2019-02-23 09:17:13 · 177 阅读 · 0 评论 -
Flutter开发环境搭建——Ubuntu
一、安装Flutter的SDK1、访问官网,下载SDK;终端中执行git指令,进行sdk下载git clone -b master https://github.com/flutter/flutter.git2、配置环境变量在终端执行命令cd ~vim .bash_profile在打开的终端窗口里的最后面添加下面的代码,并保存:export PATH="redkey/And...原创 2019-01-25 16:48:06 · 5220 阅读 · 0 评论 -
Dart语言(一)—— 数据结构
Flutter原创 2019-02-23 09:21:23 · 1150 阅读 · 0 评论 -
Dart语言(二)——面向对象
Dart语言(二)——面向对象原创 2019-04-26 13:48:44 · 295 阅读 · 0 评论 -
Flutter开发(一)—— HelloWorld之旅
关于 Flutter 开发环境的搭建,请参照:https://blog.csdn.net/RedKeyer/article/details/86583021仪式性代码:import 'package:flutter/material.dart';void main() => runApp(MyApp());class MyApp extends StatelessWidget{...原创 2019-04-23 15:06:48 · 199 阅读 · 0 评论 -
Flutter开发(二)—— Text Widget控件
Flutter中凡是能看见的控件,都是Widget(“Flutter一切皆组件”)。以前搞的Qt也是这么说的,而且两者关于代码的写法(结构)也有很大像似之处。当然React Native更是如此,Flutter官方都说:Flutter Widget采用现代响应式框架构建,这是从 React 中获得的灵感,中心思想是用widget构建你的UI。综上所述,如果仅仅搞过原生的Android开发,一...原创 2019-04-23 16:49:32 · 246 阅读 · 0 评论 -
Flutter开发(三)—— Containery 控件
import 'package:flutter/material.dart';void main() => runApp(MyApp());class MyApp extends StatelessWidget{ @override Widget build(BuildContext context){ return MaterialApp( title: ...原创 2019-04-24 15:58:58 · 244 阅读 · 0 评论 -
Flutter开发(四)——Image Widget控件
Imageimport 'package:flutter/material.dart';void main() => runApp(MyApp());class MyApp extends StatelessWidget{ @override Widget build(BuildContext context){ return MaterialApp( t...原创 2019-04-24 18:54:18 · 265 阅读 · 0 评论 -
Flutter开发(五)—— ListView控件
ListView既可以纵向也可以横向,是Flutter中非常重要的控件。以下只是进行了简单用法的演示,因为目前我的水平也仅是熟练使用。真的等到,可以分析源码的水平时,在进入深入补充。一图顶千言,下图为后面代码运行效果。代码中ListView包含的条目有Container、Image、ListTile等,仅是为了基本用法,代码都是写死的。其中 Container 与 Image进行了组合运用。...原创 2019-04-25 11:44:51 · 352 阅读 · 0 评论 -
Flutter开发(五)—— ListView控件横向展示
Flutter开发(四)—— ListView控件介绍了ListView的简单用法,这里配了一张动态图片,看下ListView横向的效果。手机上跑的效果是非常流程的(跟原生没有任何区别),这里使录制14帧/秒(控制图片体积)。以下代码结构很简单,但是为了证实flutter的View编写也可以分代码,所以进行了简单封装:1、将整个View代码到了ViewShow中;2、将ListView代码...原创 2019-04-25 16:57:22 · 2909 阅读 · 1 评论 -
Flutter开发(六)—— GridView网格列表
原 Flutter开发(六)—— GridView网格列表原创 2019-04-26 13:52:51 · 368 阅读 · 0 评论 -
Flutter开发(七)—— 五种布局之Row Widget 水平布局
Flutter开发(七)—— 五种布局之RowWidget原创 2019-04-26 13:54:46 · 348 阅读 · 0 评论 -
Flutter开发(八)—— 五种布局之Column Widget垂直布局组件
Flutter开发(八)—— 五种布局之ColumnWidget原创 2019-04-26 13:55:46 · 336 阅读 · 0 评论 -
Flutter开发(九)—— 五种布局之Stack Widget层叠布局
Flutter开发(九)—— 五种布局之StackWidget层叠布局原创 2019-04-26 13:57:29 · 1384 阅读 · 0 评论 -
Flutter开发(十)—— 五种布局之Card Widget 卡片布局
Flutter开发(十)—— 五种布局之PositionedWidget层叠定位组件原创 2019-04-26 13:59:28 · 2118 阅读 · 0 评论 -
Flutter开发(十一)—— 五种布局之Sliver滚动布局
Flutter开发(十一)—— 五种布局之CardWidget 卡片布局原创 2019-04-26 14:30:29 · 4628 阅读 · 0 评论 -
Flutter开发(十二)—— 页面跳转与返回
示例代码:import 'package:flutter/material.dart';main(List<String> args) { runApp(MaterialApp( title:'', home: FristScreen(), ));}class FristScreen extends StatelessWidget { @over...原创 2019-04-29 12:50:45 · 1567 阅读 · 0 评论 -
Flutter开发(十三)—— PageView不一样的ViewPage(Android原生)
Flutter开发(十三)—— PageView不一样的ViewPage(Android原生)原创 2019-04-30 15:13:43 · 2213 阅读 · 0 评论 -
Flutter开发(十四)—— Drawer边栏抽屉(Android原生DrawerLayout)
Drawer:抽屉(边栏)原创 2019-05-05 11:11:36 · 1270 阅读 · 0 评论 -
Flutter开发(十五)——TabBar标签栏(Android原生TabLayout)
5 TabBar:用标签形式展示内容原创 2019-05-05 11:16:39 · 840 阅读 · 0 评论 -
Flutter开发(十六)—— BottomNavigationBar底部导航栏(Android原生BottomNavigationView)
14 BottomNavigationBar:底部导航栏原创 2019-05-05 11:20:01 · 808 阅读 · 0 评论 -
Flutter开发(十七)—— 路由
Flutter开发(十七)—— 路由原创 2019-05-07 12:09:10 · 500 阅读 · 0 评论 -
Flutter开发(十八)—— 表单
Flutter开发(十八)—— 表单原创 2019-05-07 12:10:02 · 1027 阅读 · 0 评论 -
Flutter开发(十九)—— 按钮
Flutter开发(十九)—— 按钮原创 2019-05-07 12:10:50 · 447 阅读 · 0 评论 -
Flutter开发(二十)—— 选择按钮
此处介绍的选择按钮:包括了CheckBox、Radio、Switch、Slider等以下主要通过一个Demo代码,展示多种选择按钮的属性和使用效果。main.dartimport 'package:flutter/material.dart';import 'MaterialComponents.dart';void main() => runApp(MyApp());cla...原创 2019-05-14 16:16:35 · 2869 阅读 · 0 评论