flutter学习

Flutter上拉抽屉实现

项目中UI需要下面的效果：本文更多是传递flutter学习与开发自定义Widget的一个思想。
flutterall.com·2020-07-06 16:57

Flutter学习—Dart的异步(async await)和Future对象的使用

因为Dart是单线程的语言，所以如果线程中顺序执行的时候如果遇到一些耗时阻塞的操作，比如数据请求，延时操作等，就会产生卡顿，所以用异步来解决。异步代码主要是用asyncawait实现，熟悉js的同学应该非常熟悉，这里的使用方法也和js很像。这里举个简单的例子说明（代码比较随意只是为了解释用）这里_request是一个简单的get请求，返回response数据；_request()async{var
最刚·2020-07-06 16:01

Flutter学习之Flame引擎开发打飞机游戏

随着Flutter的兴起,最近也是在看Flutter相关的东西,在空闲之余做了一个打飞机的游戏首先感谢下素材提供的作者python代码之飞机大战完整版（附带image素材资源）刚开始的时候还想着使用自定义View的方式来实现,后来还是忍不住百度了一把,发现了这个Flame的游戏引擎,抱着试试看的态度,尝试了一把,真香。先上一个效果图吧那么先介绍下Flame框架吧。作为一个2D游戏框架，实现了基本的
哒哒哈哈丶·2020-07-06 07:29

flutter学习二：亲测实现官网构建布局第一个例子完整代码

这个例子原来的地址flutter：https://flutterchina.club/tutorials/layout/左图是盗官网的，右图是运行的。为什么要写这个呢？因为我看着官网的介绍，一步步打代码，后面没有走通，一直没有想明白，也有挺多人在下面问完整的代码，而且给出的完整代码连接打不开。我也是刚刚接触flutter，这个例子捣鼓了半天才出来效果的，所以就写下这篇，记录一下。写完后，自己的理解
週莫·2020-07-06 02:55

Flutter免费（视频）教程汇总

Flutter学习导航Flutter简介：Flutter可以轻松快速地构建漂亮的移动应用程序。Flutter是谷歌的移动应用SDK，用于短时间内在iOS和Android上制作高质量的原生界面应用。
weixin_30699463·2020-07-05 21:45

Flutter学习-Platform Channel的使用

一、前言上一篇已经详细说明了Flutter和平台间交互的channel类型、参数等，现在来看一下实际怎么使用?二、MethodChannel的使用适应于Flutter端和本地之间方法的相互调用。即Flutter端可以调用本地方法，本地端也可以调用Flutter端的方法。如Flutter端可以调用本地方法过程如下：Flutter调用一个本地的方法，本地方法执行，最终以一个错误或者信息为响应。这种方法
skycnlr·2020-07-05 12:15

Flutter学习 网格视图(类似iOS中CollectionView)

import'package:flutter/material.dart';classThirdPageextendsStatelessWidget{@overrideWidgetbuild(BuildContextcontext){//TODO:implementbuildreturnMaterialApp(title:'CollectionView',home:Scaffold(body:Ce
Just-Leon·2020-07-05 12:11

flutter实战项目，教你使用flutter打造仿微信app页面！

这是一个仿照微信样式基于flutter实现的app，还在继续完善中，欢迎提意见包含了flutter中基本所有的组件，适合以此项目进行flutter学习。
不想努力的工大青年·2020-07-05 10:39

flutter学习笔记（三）慕课技术胖老师听课笔记

4-1电影海报实例代码基本结构的建立import'package:flutter/material.dart';//void是没有返回值的主方法调用MyApp所以在此处传递数据voidmain()=>runApp(MyApp());//定义一个widgetclassMyAppextendsStatelessWidget{finalListitems;//构造方法默认参数为key主键直接带上调用父类
yujiao·2020-07-05 01:11

flutter学习笔记（二）慕课技术胖老师听课笔记

3-4ImageWidget图片组件讲解import'package:flutter/material.dart';voidmain()=>runApp(MyApp());//Image.asset:加载资源图片，会使打包时包体过大//Image.network:网络资源图片，经常换的或者动态的图片//image.file：本地图片，比如相机照像后的图片预览//image.memory:加载到内存
yujiao·2020-07-05 01:05

flutter学习笔记（一）慕课技术胖老师听课笔记

2-5写一个HelloWorld程序Flutterupgrade:cmd控制台中运行Flutterupgrade，升级flutterSDKFlutterdoctor查看flutterSDK版本flutter中的快捷键r：点击后热加载，直接查看预览效果p：在虚拟机中显示网格o：切换Android和iOS的预览模式q：退出调试预览模式//谷歌推出的扁平化样式大气美观import'package:flu
yujiao·2020-07-05 01:33

Flutter学习笔记（39）--BottomNavigationBar底部item超过3个只显示icon，不显示title

如需转载，请注明出处：Flutter学习笔记（16）--BottomNavigationBar底部item超过3个只显示icon，不显示titleitems:[_bottomItem(Ids.home,
管管·2020-07-03 11:00

Flutter学习笔记（39）--BottomNavigationBar底部item超过3个只显示icon，不显示title

如需转载，请注明出处：Flutter学习笔记（16）--BottomNavigationBar底部item超过3个只显示icon，不显示titleitems:[_bottomItem(Ids.home,
CurtisWgh·2020-07-03 11:00

Flutter学习之旅-IconButton、PopupMenuButton

1.IconButtonIconButtonwidget上的图片，通过填充颜色来对触摸作出反应图标按钮通常在AppBar.actions字段中使用，但它们也可以用在其他地方如果尝试更改按钮颜色但是没有效果，请检查onPressed是否为nullclassIconButtonDefaultextendsStatelessWidget{finalboolisDisabled;constIconButt
Self_Time·2020-07-01 20:17

（五）Flutter学习之Dart面向对象

前言Dart是一门面向对象的语言,所有的类都是继承自Object,除了支持传统的继承、封装、多态,还有基于组合(Mixin-based)的继承特性,这个特性也是本文将会重点介绍的地方既然是面向对象的语言,先让我们来看下如何定义一个类:classClassName{}通过class关键字定义类,语法和其他主流的语言没有什么差别有过使用面向对象语言经验的开发者知道,一般类由成员变量,成员方法,构造方法
Chiclaim·2020-07-01 19:34

Flutter 学习（二）：创建第一个Flutter项目 & StatelessWidget & StatefulWidget

Flutter学习（二）：创建第一个Flutter项目&StatelessWidget&StatefulWidget1.创建项目2.项目展示3.分析4.为什么要将build方法放在State中，而不是放在
Feel_LI·2020-07-01 11:11

Flutter学习笔记 - Dart语言

官方文档。在线体验。文章目录体验Dart程序变量内置类型函数可选参数函数对象匿名函数注意事项运算符异常类构造函数Getter和Setter抽象类创建子类Extension扩展类枚举类型Mixin模式类变量和类方法泛型限制参数化类型库和可见性异步生成器总结Dart是谷歌开发并在2011年亮相，2015推出了基于Dart语言的移动应用程序的开发框架Sky，后更名为Flutter。经过多年的发展和完善，
LOLITA0164·2020-07-01 11:14

iOS程序猿的flutter学习之路

日常学习Flutter开发的积累推荐一些平时自己学习Flutter开发当中接触到的优秀文章-------------------------基础知识-------------------------基础知识学习内容网址系列Flutter中文网官方学习网址，入门学习点击前往flutter环境搭建mac版1.系统环境要求2.下载flutter3.配置环境变量4.检查环境5.搭建环境常见问题整理点击前往
Alvenhao·2020-07-01 07:11

Flutter之Row/Column用法详解

前言相关文章：Flutter学习目录github地址：Flutter学习文章结构CrossAxisAlignmentProperyCrossAxisAlignment.startCrossAxisAlignment.centerCrossAxisAlignment.endCrossAxisAlignment.stretchCrossAxisAlignment.baselineMainAxisAli
huoshe2019·2020-07-01 04:47

Flutter学习之旅(三)----Flutter常见问题FAQ,看完之后不再是Flutter小白

很多人还不熟悉甚至没听过Flutter，只知道它是用来搞移动端开发的，现在Android和iOS开发已经很成熟了，还有RN(ReactNative)框架，为什么谷歌还要搞一个Flutter，它能够做什么，究竟比别人好在哪里，有什么优势和不足，又是怎么做到的？下面是一些关于Flutter的常见问题，参考文章(英文版)。相信看完之后你就真相大白了。什么是Flutter?Flutter是移动端开发SDK
zhangxiangliang2·2020-06-30 14:25

Flutter学习指南App, 一起来玩Flutter吧~

Flutter是谷歌的移动UI框架，可以快速在iOS、Android、Web和PC上构建高质量的原生用户界面。Flutter可以与现有的代码一起工作。在全世界，Flutter正在被越来越多的开发者和组织使用，并且Flutter是完全免费、开源的。同时它也是构建未来的GoogleFuchsia应用的主要方式。从事移动开发这么多年,各种跨平台技术层出不穷.从最初的基于web的phonegap/cord
xuexiangjys·2020-06-30 03:52

Flutter学习之路由管理

简介路由管理其实就类似于原生开发中两个界面的跳转简单跳转先创建一个新的界面NewRouteclassNewRouteextendsStatelessWidget{@overrideWidgetbuild(BuildContextcontext){returnScaffold(appBar:AppBar(title:Text("Newroute"),),body:Center(child:Text(
wjnhub·2020-06-29 19:09

Flutter学习笔记 加载Html页面

在Flutter中加载Html页面有很多中插件，例如：flutter_webview_plugin和flutter_html由于在实际使用时，flutter_webview_plugin碰到了一些问题，暂时先使用flutter_html这个插件来加载html信息https://pub.flutter-io.cn/packages/flutter_html首先导入：dependencies:flut
Cyin哲·2020-06-29 04:35

flutter学习记录

代码开发规范使用FlutterGo代码开发规范EffectiveDart:代码风格记录在开发学习过程中遇到的问题和解决方法生成keystorekeytool-genkey-v-keystorekey路径.jks-keyalgRSA-keysize2048-validity时间（天）-alias昵称浏览keystore信息keytool-list-v-keystorekeystore路径.jksde
lllinux_nekomiya·2020-06-27 07:50

[Flutter学习一]Flutter理解

1,flutter的理解：跨平台性:目前至少夸五中平台。Mac,Android,Windows,Linux,Ios。UI:使用了大量的MaterialDesign和Cupertino风格组件。60fps超高性能，完全可以胜任游戏的制作。2，一切皆为组件：Widget是Flutter用户程序构建的基本构建块。按钮，输入框，卡片，动画，手势都可以视为Widget。有状态组件：是界面状态会发生变化的组件
zq_Hero·2020-06-27 06:41

Flutter之BoxDecoration用法详解

前言相关文章：Flutter学习目录github地址：Flutter学习文章结构GradientPropertyTileModepropertyRadialGradientImagePropertycenterSlicePropertyColorFilterPropertyfitPropertyrepeatPropertymatchTextDirectionPropertyBorderProper
huoshe2019·2020-06-26 20:17

Flutter学习初体验：真的不好用、不优雅

Flutter炒的很火，各种吹嘘多好多好。抱着试试看的心态学了学，立马就被Flutter奇葩的语法和理念击垮了......这是什么鬼语言？我要列举一下Flutter最让我费解的一些语法特点：1.无穷的嵌套层级，让人反感的代码结构。@overrideWidgetbuild(BuildContextcontext){returnContainer(child:Scaffold(appBar:AppBa
Paradise_Yu·2020-06-26 13:16

Flutter 学习

Flutter学习（1）问题：I/flutter(14598):══╡EXCEPTIONCAUGHTBYRENDERINGLIBRARY╞════════════════════════════════
过-眼-云-烟·2020-06-26 09:36

Flutter学习记录——28.Flutter 调试及 Android 和 iOS 打包

文章目录1.Flutter的调试1.1VSCode的断点调试1.2debugger()1.3debugDumpApp()1.4debugDumpRenderTree()1.5debugDumpLayerTree()1.6debugDumpSemanticsTree()1.7可视化调试1.8动画的调试1.9性能的调试1.10应用启动时间的查看1.11代码、方法执行时间查看1.12应用程序性能图1.1
赈川·2020-06-25 19:32

Flutter学习记录——29.完整实践——实现一个简易日记本应用

文章目录1.知识整理2.项目实现2.1效果展示2.2项目概览2.3代码实现2.3.1引导页的实现2.3.2应用首页2.3.3第一个页面2.3.4时间工具类2.3.5个人中心2.3.6数据库操作类3.完整项目1.知识整理本篇练习看似简单，但是已经将应用编写的大部分需要用的功能都贯穿起来进行了实践、并提供了比较好的解决方案，将开发中可能会遇到的很多问题和难点进行了一一解决。在进行综合实践编写前，我们先
赈川·2020-06-25 19:58

Flutter学习记录——27.Dart Pub 使用及 Flutter 插件库的开发

文章目录1.DartPub使用2.Flutter插件库FlutterPackage的开发3.Flutter插件库FlutterPlugin的开发在使用Flutter开发时，可能某些功能的实现比较麻烦或者无法实现，这时我们首先应该想到的就是要搜索DartPub：https://pub.dev/flutter。这是Flutter官方的一个针对Flutter、Web、Dart的插件库开源仓库，里面有很多
赈川·2020-06-25 19:58

Flutter学习记录——2.Flutter项目架构

文章目录1.Flutter的项目架构1.1android目录1.2ios目录1.3lib目录2.Flutter配置文件讲解2.1pubspec.yaml2.2其余几个文件3.Flutter代码架构4.总结对于一门新语言或新技术的学习来说，在新建了项目之后，了解其项目结构及含义、配置文件的编写，这些对后续的开发和深入学习起到很重要的作用。俗话说磨刀不误砍柴工，Flutter的学习也同理，我们在新建了
赈川·2020-06-25 19:26

Flutter学习记录——20.动画的使用

文章目录1.Flutter动画简单介绍1.1Animation1.2AnimationController1.3CurvedAnimation1.4Tween2.基础动画效果的实现3.Hero动画的实现4.交错动画的实现5.总结动画部分在每个平台可以说都是一个常用的部分。如果想让自己的应用或产品的用户体验变得更好，那么动画效果是一个很重要的部分。Flutter也提供了大部分的动画效果支持，如常用的
赈川·2020-06-25 19:26

Flutter学习记录——26.数据共享与传递

文章目录1.InheritedWidget实现数据共享与传递2.ScopedModel实现数据共享与传递3.Redux实现数据共享与传递4.EventBus实现数据共享与传递在使用Flutter开发的过程中，我们可能需要进行数据的页面之间的传递、共享或者全局的一个事件、状态管理和监听。那么这节博客我们将介绍Flutter中实现数据共享与传递的方法，并配合实例进行详细讲解。1.InheritedWi
赈川·2020-06-25 19:26

Flutter学习记录——3.Flutter开发规范

文章目录1.Flutter项目结构规范2Flutter命名规范3.Flutter代码格式化4.Flutter注释5.Flutter代码使用规范5.1导包相关5.2字符串相关5.3集合相关5.4函数方法相关5.6异步任务编程相关6.总结想学习好一门编程语言，想标准高效地学习一门编程语言，首先你需要了解它的开发规范。标准的开发规范可以让我们事半功倍，也可以让别人更好地理解和使用你的代码、算法。学习Fl
赈川·2020-06-25 19:26

Flutter学习记录——22.Flutter主题

文章目录1.创建全局主题2.局部主题3.扩展或修改全局主题主题这个概念可以大家都不陌生，我们在使用移动应用或者网页时候，都有夜间模式主题、护眼模式主题等等。在Flutter中主题的作用基本一致，可以设置全局或者局部的主题样式、字体样式，使得应用具有整体的样式风格。那么这节课我们将介绍Flutter中的主题内容，并配合一些案例。1.创建全局主题Flutter支持全局设置Theme主题，需要配合Mat
赈川·2020-06-25 19:54

flutter学习（六）DefaultTabController设计顶部滑动栏目

DefaultTabController可以设计类似于今日头条顶部的滑动栏。效果注意，这里的闪屏是因为夜神模拟器的bug注：闪屏是因为夜神模拟器的bug代码解析顶部的标题returnDefaultTabController(length:2,child:Scaffold(appBar:AppBar(title:Row(mainAxisSize:MainAxisSize.max,children:[
小松与蘑菇·2020-06-25 12:08

flutter学习（七）Drawer实现侧边栏抽屉

在主页面上，我们往往需要进行侧边栏滑动，此时需要用到Drawer。效果上面是原图，点击左上方侧的抽屉按钮，就会弹出抽屉，右侧也可以设置抽屉，方法一模一样。可以看到，在这里我设计了三个子项，还有一个头部，包含背景图代码解析代码分成两部分，第一部分是头部Row(children:[Expanded(child:DrawerHeader(child:Text('这是头部图片'),decoration:B
小松与蘑菇·2020-06-25 12:08

flutter学习（五）Swiper左右滑动图片

本文将要学习的组件是Swiper组件效果滑动效果如下代码解析要想左右滑动出现这么多图片，图片网址要准备好ListimgList=[{"url":"https://pic2.zhimg.com/v2-848ed6d4e1c845b128d2ec719a39b275_b.jpg"},{"url":"https://pic2.zhimg.com/80/v2-40c024ce464642fcab3bbf1
小松与蘑菇·2020-06-25 12:08

Flutter学习（四）实例解析State的生命周期

周期图实例演绎现在我们来看一个实例，首先定义一个MyApp，然后他的body将返回CounterWidget，也就是我们要研究的对象import'package:flutter/material.dart';voidmain()=>runApp(MyApp());classMyAppextendsStatelessWidget{@overrideWidgetbuild(BuildContextco
小松与蘑菇·2020-06-25 12:07

Flutter学习---Dart入门篇

flutter好像很火,没错.先来熟悉一下Dart的语法,和大多数面向对象的语言很类似,入门也很容易Flutter学习指南：熟悉Dart语言变量基本类型booldone=true;intnum=2;doublex
一只花里胡哨的码农·2020-06-25 09:43

Flutter学习：用Flutter打造一个简单登录界面

搭建如下图所示的登录界面看到结构图，可以使用一个列布局即可完成，对于输入框，使用TextField控件，对于输入控件样式，通过Container控件来装饰。看代码：//登录界面classLoginViewextendsStatelessWidget{@overrideWidgetbuild(BuildContextcontext){//TODO:implementbuildreturnContai
缘始123·2020-06-25 08:00

Flutter学习之Dart语法特性

一、前言第一天把Flutter环境搭建了，并简单实现第运行第一个Flutter项目，感觉很不错，一些基本操作和原生体验差不多。用Flutter框架写过App项目的开发者都知道，Flutter是一个使用Dart语言开发的跨平台移动UI框架，通过自建绘制引擎，能高性能、高保真地进行Android和IOS开发。可能很多开发者都会像我一样，会有个疑问？为什么Flutter会选择Dart呢？我特意查了下网上
真·深红骑士·2020-06-25 07:31

Flutter学习 — 使用WebSockets

图片一：页面窗口图片二：输入内容，点击右下角发送，在输入框下面显示的是服务器返回的值图片三：再次输入内容，点击右下角发送，同样在输入框下面显示的是服务器返回的值代码+注释：import'package:flutter/foundation.dart';import'package:web_socket_channel/io.dart';import'package:flutter/material
王睿丶·2020-06-25 03:09

Flutter 深度学习 — Cookbook（Flutter菜谱）

学习资源来自Flutter中文网：Cookbook文章目录一丶设计基础二丶Images三丶Lists四丶处理手势五丶导航六丶网络一丶设计基础Flutter学习—设计基础二丶ImagesFlutter学习
王睿丶·2020-06-25 03:09

Flutter学习 — 从新页面返回数据给上一个页面

效果图一：点击按钮效果图二：点击YES后，返回上一级页面并传值效果图三：收到值，并用底部弹出框显示结果注释+代码：import'package:flutter/material.dart';voidmain(){runApp(newMaterialApp(title:'ReturningData',home:newHomeScreen(),));}classHomeScreenextendsSta
王睿丶·2020-06-25 03:09

Flutter学习笔记

初学Flutter，简单的做个笔记，实时更新1.Flutter中进行页面跳转：onPressed:(){Navigator.push(context,newMaterialPageRoute(builder:(context)=>newMyScaffold(),));}或者，在main.dart中统一管理home:MyHomePage(),//路由routes:{'/LayoutPage':(Bu
Android小工·2020-06-25 02:52

Flutter学习之路由传参

说明在APP中存在有很多个界面，我们需要将值由一个界面传入另外一个界面。这种情况就是指路由传参。对于路由传参，需要在接收的界面中定义一个接收传递值的变量classMyHomePageextendsStatefulWidget{//类的构造器，用来接收传递的值MyHomePage({Keykey,this.title}):super(key:key);finalStringtitle;//用来储存传
Wayfreem·2020-06-25 00:19

Flutter学习之旅（二）常用的Flutter的基础组件介绍

前言为了能更快的创建一个好看的应用，Flutter提供了一系列的组件。有基础组件（BasicsWidgets），质感组件（MaterialComponents）等，本篇将介绍常用的基础组件。目录看到上面的目录，从事Android开发的同学是不是很熟悉，Flutter中组件和Android中非常的类似，毕竟都是出自Google，下面来看个效果图。这里用到了目录中的所有基础组件，下面结合代码简单作简单
Ho0229·2020-06-25 00:20

Flutter学习之旅（四）Flutter动画（1）动画基础介绍

前言本篇将介绍Flutter中动画。首先来看下Flutter的动画基础概念和相关类Animation：Flutter中动画的核心类AnimationController：动画管理类Tween：补间对象，用于计算动画使用的数据范围之间的插值。Listeners和StatusListeners：用于监听动画状态改变CurvedAnimation：用于定义非线性曲线动画1.Animation介绍Flut
Ho0229·2020-06-25 00:20
上一页 11 12 13 14 15 16 17 18 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他