Flutter 搜索界面的实现,SearchDelegate的使用 1.使用系统的搜索界面 在之前的学习中自己实现了了一个搜索界面,其中自定义了搜索栏,实现效果也就将就,后来发现在Flutter中有现成的控件可以使用,也…
标签:flutter
Flutter布局锦囊---完善信息页
设计给的效果如下: UI布局图 拿到设计后,先把整体拆分成几个部分: “用户昵称输入”,获取用户输入的昵称信息。 “用户头像选取”,获取用户选取作为头像的图片。 “用户性别选择”,获取用户选择的性别信息。 “提交按钮”,…
Flutter画板实现
原文链接 更多教程 效果 代码 import 'package:flutter/material.dart'; class SignaturePainter extends CustomPainter { Signatu…
Flutter iPhoneX 刘海屏适配
每年都有新亮点, 自从iPhoneX 出了刘海屏之后,各家安卓厂商也纷纷跟进,对于开发来说,就需要进行各种刘海屏的适配。 对于Flutter来说,刘海屏主要适配的是上下的边距, 需要把不可点击的区域留出来,同时要把背景颜…
Flutter 入门之 ListTile 使用指南
ListTile 通常用于在 Flutter 中填充 ListView。在这篇文章中,我将用可视化的例子来说明所有的参数。 title title 参数可以接受任何小部件,但通常是文本小部件 ListTile( titl…
浅尝flutter中的flex布局
假设你已经掌握了flutter的一些基础知识,比如环境搭建,简单的dart语法,及flutter组件化思想。那么你适合阅读本篇教程,本教程演示一些flutter中的flex用法的简单示例. 在不懂height: 170.…
Flutter开发跨平台应用三
点击查看原文,感谢赞赏 😆 https://mp.weixin.qq.com/s/IAc-v1fSTvJEoxyvMm5-pg 请持续关注,后续文章会继续推进
Flutter学习中的问题记录: SnackBar弹不出怎么办
是不是遇到过这种问题: image.png 原因: [Scaffold.of], to obtain the current [ScaffoldState], which manages the display and …
自定义一个水波进度球
自定义一个水波进度球 最终样式: 图片发自简书App 1.自定义View 在Flutter中自定义View需要继承CustomPainter控件,需要实现两个方法: void paint(Canvas canvas, S…
Flutter学习笔记十一——层叠布局Stack的使用
先看一下效果图: stack.png 一张原型图片上添加一行带背景的文字。使用Row Widget或者Column Widget是实现不了的,这时就需要使用Stack Widget,也就是层叠布局来实现了。 直接上代码:…
Flutter(五)--Navigator&页面传值
和iOS的NavigationController原理相同,都是使用堆栈的原理来管理页面。 在组件里可以使用Navigator.of(content)来获得父组件里的导航器 有两种方式来实现路由跳转 1,构建路由跳转 该…
Flutter知识点: 网络请求
App几乎都离不开与服务器的交互,介绍Flutter中的网络请求以及解析。 Flutter原生网络请求 var httpClient = new HttpClient(); var url = Constant.base…