flutter
zhakesipailuo
这个作者很懒,什么都没留下…
展开
-
Flutter中的text和container的使用说明
flutter一切皆为widget,text中的重要的属性举例:TextAlign(文本对齐方式)maxlines(设置最多显示的文本行数)overflow(设置文本溢出时候的显示方式)style(文本的显示风格)class TextApp extends StatelessWidget { final String text = 'Syncing files to device A...原创 2019-04-12 15:41:43 · 1413 阅读 · 0 评论 -
flutter-传递值到任意widget(当需要widget嵌套使用需要传递值的时候)
如果我们有这样一个应用场景:WidgetA执行点击之后将数据通过widgetB传递到其下的widgetC。通常可以通过设置构造函数,传递对应参数到制定的widget树中,如下面代码所描述:表示需要将widgetA中的点击改变内容传递到widgetB中的widgetC中展示;需要通过设置widgetB的构造函数,接收对应参数,再传递给widgetC展示;class Inheritedwid...原创 2019-07-19 16:16:04 · 3642 阅读 · 0 评论 -
flutter-ExpandableList的使用
先上效果图:展开之前:header的内容:展开之后:header中的内容:具体的使用很简单,直接上代码:class ExpandableList extends StatefulWidget { @override _ExpandableListState createState() => _ExpandableListState();}class _Expan...原创 2019-07-16 17:15:08 · 2304 阅读 · 0 评论 -
flutter-照相机的使用
本文介绍如何在flutter中使用照相机;1 加入必要的plugin在.yaml文件中:camera:2 在main函数中执行获取到可用的camera,并将camera数据传递到指定界面待使用;import 'package:camera/camera.dart';List<CameraDescription> cameras;Future main() async{ ...原创 2019-07-16 15:57:47 · 3990 阅读 · 1 评论 -
flutter-阅读本地PDF文档
本地PDF阅读主要使用到以下两个插件:flutter_pdfview:提供多种关于pdf文档的操作方法。详细请见:https://github.com/endigo/flutter_pdfviewpath_provider:提供获取用户存储文件路径的方法。主要的思路很简单;1 读取assets中的pdf文档到内存中;1.1 在assets文档中添加本地的pdf文档;1.2 创建获取as...原创 2019-07-15 18:11:21 · 5454 阅读 · 1 评论 -
Flutter—Cloud Firestore of FireBase
FireBase是一个用于构建移动应用、提供实时数据存储和同步、用户身份验证等功能的平台。方便用户快速高效的构建前后端结合的完整应用。FireBase有多种功能方向:以下为官方平台截图其中开发下提供了以下功能:本文主要为获取DataBase中的数据和上传数据到FireBase的数据库;要说明的是FireBase的数据存储格式是以键值对的方式存储。1 将FireBase添加到项目中:...原创 2019-07-10 17:29:20 · 699 阅读 · 0 评论 -
flutter一个login界面(带动画)
如下为具体的实现效果,具体的实现代码以及解释可参考代码中的注释import 'package:flutter/material.dart';class LoginPage extends StatefulWidget { @override _LoginPageState createState() => _LoginPageState();}class _LoginP...原创 2019-06-11 17:34:31 · 2468 阅读 · 0 评论 -
flutter中的网络操作过程以及注意事项
flutter中可以通过第三方插件快速完成与服务端数据的交互。以下实例讲解http库中的get请求。1 在pubspec.yaml中将http引入;2 引入对应的包文件;3 根据具体的json文件 创建一个各个数据model类,用于将网络端返回的数据分成不同的模型,方便进一步使用;例如:CommonModel类表示各个相同json字段的数据模型,homemodel表示最大的json数据...原创 2019-05-14 16:54:55 · 463 阅读 · 0 评论 -
flutter动画中AnimatedWidget和AnimatedBuilder的区别和使用
flutter中通过animatedWidget和AnimatedBuilder两个类可以快速搭建动画:以下实例为通过animatedwidget实现图片有小到大的动画。//思路:/** * 1 创建animationlogo的widget类 实现其构造函数和build方法(用于指明动画样式和具体动作) * 2 创建state类 其中initstate函数中通过实例化controller...原创 2019-05-06 17:36:54 · 2369 阅读 · 0 评论 -
flutter中的动画(tween动画)
flutter中的动画分为两类:基于tween的动画和以及物理的动画。以下引用自flutterchina:补间(Tween)动画“介于两者之间”的简称。在补间动画中,定义了开始点和结束点、时间线以及定义转换时间和速度的曲线。然后由框架计算如何从开始点过渡到结束点。基于物理的动画在基于物理的动画中,运动被模拟为与真实世界的行为相似。例如,当你掷球时,它在何处落地,取决于抛球速度有多快、球有...原创 2019-05-06 14:53:28 · 4278 阅读 · 0 评论 -
flutter中利用Swiper实现轮播并加入listview实现类豆瓣电影列表页
本文将实现如下图所示的页面:整体布局上通过column包括两部分内容;(包括:上部分的轮播图的实现+下半部分listview实现数据的展示(自定义itemview))第一部分:Swiper实现轮播图:flutter可通过第三方插接快速实现界面功能的开发,例如swiper轮播图的实现:步骤如下:1 在pubspec文件中加入必要的插件名称,通过提示同步获取到第三方的库文件。2 创建轮...原创 2019-04-28 17:45:44 · 2352 阅读 · 1 评论 -
flutter通过底部导航栏实现不同page之间的切换:
实现逻辑上flutter显得更加紧凑,而在android开发中同样的实现结果需要通过不同的结构组合(例如创建不同布局的xml,设置adapter,之后将adapter设置给指定的控件)。而在flutter中可以直接通过对不同widget设置指定的事件更加降低了代码的耦合性。如下为flutter创建导航栏切换的实例:1 创建Pagerview并添加不同的页面; body: PageView...原创 2019-04-23 15:36:57 · 3191 阅读 · 1 评论 -
flutter中的路由(通过使用路由创建登录界面列表并将信息传递到指定路由)
flutter中的路由,根据是否有数据传递可以分成静态路由和动态路由;静态路由:可以实现简单的页面之间的跳转,所能传递的数据都是给定的值。具体的做法如下:1 创建路由表://创建路由表 routes:{ "new_page":(context)=>NewRoute(), "new_page2":(context)=>NewRoute2...原创 2019-04-26 15:39:37 · 910 阅读 · 0 评论 -
flutter中的gridview
gridview在移动应用中的使用非常的广泛,主要用于商品或其他类信息的展示;flutter中的gridview的使用实例如下:1 创建gridview类 (其中包含两个方法 一个返回card对象 一个返回gridview对象)/** * 创建一个mygridview类 * 创建方法返回单个card对象 * 创建方法返回含有若干card对象的gridview */class M...原创 2019-04-17 16:46:30 · 806 阅读 · 0 评论 -
flutter中在statefullwidget中创建一个按键的实例
statefullwidget和statelesswidget是flutter中组件布局的基础statelesswidget顾名思义就是一个无状态的widget,可以在其中创建控件,但是不可以改变其中控件的状态。statefullwidget其中可以添加状态需要改变的widget布局,自定义一个statefullwidget需要自称自statefullwidget,并在其build方法中创建自...原创 2019-04-17 14:23:04 · 567 阅读 · 0 评论 -
flutter中的手势
flutter中可以通过GestureDetector方法中的不同手势事件来实现不同的点击操作:例如:onTapDown 按下。onTapUp 按下起来之后。onTap 点击。onTapCancel点击之后移出点击区域。onDoubleTap双击。onLongPress 长按。以下代码演示了以上不同方法的操作:class gustrueState extends Stateful...原创 2019-04-16 16:19:27 · 412 阅读 · 0 评论 -
flutter_scoped model
flutter 通过scopedmodel来传递状态:0 先要添加必要的plugin:scoped_model: ^0.3.01 创建数据类:class Mycount{ int count; Mycount(this.count); void addcount(){ count = count+1; }}2 创建model类:class Countmo...原创 2019-07-19 18:06:53 · 283 阅读 · 0 评论