Flutter
RedKeyer
乌云之上没有风雨!
展开
-
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 · 5280 阅读 · 0 评论 -
Flutter 与 Android控件对比
NOAndroid控件Flutter控件应用场景备注01TextViewText展示Text,显示文字02EditTextTextField输入文字,输入框03ButtonMaterialButton输入文字,输入框04ImageButtonIconButton图片按钮05SnackBarSnackBar底部弹...原创 2019-05-05 10:59:25 · 398 阅读 · 0 评论 -
Flutter开发(十四)—— Drawer边栏抽屉(Android原生DrawerLayout)
Drawer:抽屉(边栏)原创 2019-05-05 11:11:36 · 1287 阅读 · 0 评论 -
Flutter开发(十五)——TabBar标签栏(Android原生TabLayout)
5 TabBar:用标签形式展示内容原创 2019-05-05 11:16:39 · 855 阅读 · 0 评论 -
Flutter开发(十六)—— BottomNavigationBar底部导航栏(Android原生BottomNavigationView)
14 BottomNavigationBar:底部导航栏原创 2019-05-05 11:20:01 · 827 阅读 · 0 评论 -
Flutter开发(五)—— ListView控件
ListView既可以纵向也可以横向,是Flutter中非常重要的控件。以下只是进行了简单用法的演示,因为目前我的水平也仅是熟练使用。真的等到,可以分析源码的水平时,在进入深入补充。一图顶千言,下图为后面代码运行效果。代码中ListView包含的条目有Container、Image、ListTile等,仅是为了基本用法,代码都是写死的。其中 Container 与 Image进行了组合运用。...原创 2019-04-25 11:44:51 · 367 阅读 · 0 评论 -
Flutter开发(五)—— ListView控件横向展示
Flutter开发(四)—— ListView控件介绍了ListView的简单用法,这里配了一张动态图片,看下ListView横向的效果。手机上跑的效果是非常流程的(跟原生没有任何区别),这里使录制14帧/秒(控制图片体积)。以下代码结构很简单,但是为了证实flutter的View编写也可以分代码,所以进行了简单封装:1、将整个View代码到了ViewShow中;2、将ListView代码...原创 2019-04-25 16:57:22 · 2948 阅读 · 1 评论 -
Flutter开发(十三)—— PageView不一样的ViewPage(Android原生)
Flutter开发(十三)—— PageView不一样的ViewPage(Android原生)原创 2019-04-30 15:13:43 · 2228 阅读 · 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 · 2912 阅读 · 0 评论 -
Flutter开发(十七)—— 路由
Flutter开发(十七)—— 路由原创 2019-05-07 12:09:10 · 509 阅读 · 0 评论 -
Flutter开发(十八)—— 表单
Flutter开发(十八)—— 表单原创 2019-05-07 12:10:02 · 1049 阅读 · 0 评论 -
Flutter开发(十九)—— 按钮
Flutter开发(十九)—— 按钮原创 2019-05-07 12:10:50 · 466 阅读 · 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 · 1581 阅读 · 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 · 287 阅读 · 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 · 258 阅读 · 0 评论 -
Dart语言(一)—— 数据结构
Flutter原创 2019-02-23 09:21:23 · 1169 阅读 · 0 评论 -
Dart语言(二)——面向对象
Dart语言(二)——面向对象原创 2019-04-26 13:48:44 · 311 阅读 · 0 评论 -
Flutter开发(六)—— GridView网格列表
原 Flutter开发(六)—— GridView网格列表原创 2019-04-26 13:52:51 · 382 阅读 · 0 评论 -
Flutter开发(七)—— 五种布局之Row Widget 水平布局
Flutter开发(七)—— 五种布局之RowWidget原创 2019-04-26 13:54:46 · 362 阅读 · 0 评论 -
Flutter开发(八)—— 五种布局之Column Widget垂直布局组件
Flutter开发(八)—— 五种布局之ColumnWidget原创 2019-04-26 13:55:46 · 346 阅读 · 0 评论 -
Flutter开发(九)—— 五种布局之Stack Widget层叠布局
Flutter开发(九)—— 五种布局之StackWidget层叠布局原创 2019-04-26 13:57:29 · 1395 阅读 · 0 评论 -
Flutter开发(十)—— 五种布局之Card Widget 卡片布局
Flutter开发(十)—— 五种布局之PositionedWidget层叠定位组件原创 2019-04-26 13:59:28 · 2140 阅读 · 0 评论 -
Flutter开发(十一)—— 五种布局之Sliver滚动布局
Flutter开发(十一)—— 五种布局之CardWidget 卡片布局原创 2019-04-26 14:30:29 · 4655 阅读 · 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 · 220 阅读 · 0 评论 -
Flutter开发(二)—— Text Widget控件
Flutter中凡是能看见的控件,都是Widget(“Flutter一切皆组件”)。以前搞的Qt也是这么说的,而且两者关于代码的写法(结构)也有很大像似之处。当然React Native更是如此,Flutter官方都说:Flutter Widget采用现代响应式框架构建,这是从 React 中获得的灵感,中心思想是用widget构建你的UI。综上所述,如果仅仅搞过原生的Android开发,一...原创 2019-04-23 16:49:32 · 265 阅读 · 0 评论 -
Ubuntu 启动AndroidStudio模拟器报错 --- KVM is required to run this AVD. /dev/kvm device: permission denied.
Ubuntu 中安装Android Studio,日常开发都是使用真机进行测试。但是前段时间搞Flutter,热部署很方便(5秒内部署完成)。但每次部署完,拿起手机都会感觉很费事(分心看信息)。所以,有想起了安装模拟器。但模拟器安装成功后,启动出现以下错误:以上截图错误,提示/dev/kvm 文件需要配置权限组到当前登录账号。终端配置以下命令,但重启后就会失效。sudo chown redke...原创 2019-04-28 13:59:33 · 658 阅读 · 0 评论 -
Flutter开发(二十一)—— 动画Animation
Flutter开发(二十一)—— 动画Animation原创 2019-05-15 14:59:58 · 287 阅读 · 0 评论