随笔档案「2020年2月」 - 完美前端

flutter 下拉菜单 showMenu 手势事件弹出底部菜单

摘要：Flutter 下拉菜单实现 IconButton( icon: Icon(Icons.more_horiz), onPressed: (){ showMenu( context:context, position:RelativeRect.fromLTRB(600, 76, 10, 0), ite 阅读全文

posted @ 2020-02-29 20:43 完美前端阅读(1769) 评论(0) 推荐(0)

flutter 通过事件打开侧边栏

摘要：初始化侧边栏的关键scaffold // 使用GlobalKey来获取ScaffoldState的引用，从而能够控制Scaffold的行为，例如打开侧边栏 final GlobalKey<ScaffoldState> _scaffoldKey = new GlobalKey<ScaffoldStat 阅读全文

posted @ 2020-02-29 18:50 完美前端阅读(322) 评论(0) 推荐(0)

flutter 底部 Tab 切换保持页面状态的几种方法

摘要：一、IndexedStack 保持页面状态 // IndexedStack 是一个层布局控件，与 Stack 类似。 // 它允许在一个控件上放置另一个控件，但与 Stack 不同的是， // 在同一时刻，IndexedStack 只能显示其中一个子控件，可以通过 Index 属性来设置。 // / 阅读全文

posted @ 2020-02-29 15:52 完美前端阅读(1496) 评论(0) 推荐(0)

flutter 适配各种屏幕

摘要：Flutter不同终端屏幕适配问题 // 以下是关于flutter_screenutil的官方文档链接，可以点击查看详细的使用方法和说明。 https://pub.dev/packages/flutter_screenutil // 在每个页面的 build 方法中引入 ScreenUtil.ini 阅读全文

posted @ 2020-02-28 15:13 完美前端阅读(907) 评论(0) 推荐(0)

flutter Andriod正式打包、以及升级应用重新打包修改应用名称、应用图标、应用启动画面

摘要：一, Android 正式打包、以及升级应用重新打包 1、android studio 把 Flutter 打包成正式包 2、修改应用版本以及升级打包找到 AndroidManifest.xml 修改应用的版本号 <manifest android:hardwareAccelerated="tru 阅读全文

posted @ 2020-02-28 00:01 完美前端阅读(873) 评论(0) 推荐(0)

flutter 调用 url_launcher 模块打开外部浏览器打开外部应用拨打电话发送短信

摘要：Flutter url_launcher 模块简介 // url_launcher 是一个Flutter模块，用于实现各种外部调用功能。 // 它可以帮助开发者实现如打开外部浏览器、启动其他应用、发送短信、拨打电话等功能。 https://pub.dev/packages/url_launcher 阅读全文

posted @ 2020-02-27 23:08 完美前端阅读(645) 评论(0) 推荐(0)

flutter 扫码二维码条形码

摘要：Flutter 扫描二维码条形码插件来源 // 来源链接为barcode_scan插件在pub.dev的官方页面 https://pub.dev/packages/barcode_scan 插件的安装方法 // 在Flutter项目的pubspec.yaml文件中添加以下dependencies来安阅读全文

posted @ 2020-02-27 22:42 完美前端阅读(833) 评论(0) 推荐(0)

flutter 本地存储

摘要：Flutter 本地存储插件来源 // 来源链接为shared_preferences插件在pub.dev的官方页面 https://pub.dev/packages/shared_preferences Flutter 本地存储常用的方法 // 1. 设置值 // 使用SharedPreferen 阅读全文

posted @ 2020-02-27 18:41 完美前端阅读(201) 评论(0) 推荐(0)

flutter 检测网络

摘要：Flutter 检测网络插件来源 // 使用connectivity插件来检测Flutter应用的网络状态 // 来源链接为connectivity插件在pub.dev的官方页面 https://pub.dev/packages/connectivity 导入所需的包 // 引入Flutter的核心阅读全文

posted @ 2020-02-27 18:24 完美前端阅读(372) 评论(0) 推荐(0)

flutter 视频播放

摘要：视频播放 - 准备工作及注意事项 // 以下是视频播放功能在Flutter开发前的准备工作及一些需要注意的事项。 1、把自己的 android stuido 升级为最新版本，Xcode 升级成最新版本。否则安装配置插件的时候可能会出现问题 2、安装完成调用原生的 api 库后，需要重新运行 flut 阅读全文

posted @ 2020-02-27 17:56 完美前端阅读(913) 评论(0) 推荐(0)

flutter 调用原生硬件 Api 实现照相机拍照和相册选择以及拍照上传

摘要：Flutter image_picker 插件介绍 // image_picker 插件可以帮助在 Flutter 中实现相机拍照和相册选择功能。 https://pub.dev/packages/image_picker Flutter 使用dio插件上传图片到服务器 // dio 插件可以帮助在阅读全文

posted @ 2020-02-27 15:38 完美前端阅读(941) 评论(0) 推荐(0)

flutter 获取设备信息以及获取地理位置

摘要：Flutter 获取设备信息 // 来源链接为 device_info 插件在 pub.dev 的官方页面 https://pub.dev/packages/device_info // 导入 Flutter 的 Material 设计组件和 device_info 插件 import 'packa 阅读全文

posted @ 2020-02-26 23:14 完美前端阅读(1341) 评论(0) 推荐(0)

flutter_html 和 WebView 解析html 和 build.gradle源码

摘要：1. flutter_html 描述及相关 API // 以下内容涉及 flutter_html 的使用和其相关的 API 接口 // API 接口地址如下: http://www.phonegap100.com/appapi.php?a=getPortalArticle&aid=20 2. Flu 阅读全文

posted @ 2020-02-25 18:48 完美前端阅读(1945) 评论(0) 推荐(0)

flutter Dio()网络请求

摘要：Flutter JSON 字符串和 Map 类型的转换 // 使用 dart:convert 包来实现 JSON 与 Map 之间的转换 import 'dart:convert'; var mapData = {"name": "张三", "age": "20"}; var strData = ' 阅读全文

posted @ 2020-02-24 23:17 完美前端阅读(6638) 评论(0) 推荐(0)

flutter AlertDialog 、SimpleDialog、 showModalBottomSheet、showToast 自定义 Dialog

摘要：Toast 消息提示插件安装及使用 // AlertDialog、SimpleDialog、showModalBottomSheet 和 showToast 是 Flutter 中的常用弹窗方式 // 使用showToast前，需先安装 fluttertoast 插件 https://pub.dev 阅读全文

posted @ 2020-02-24 22:17 完美前端阅读(387) 评论(0) 推荐(0)

flutter 轮播图组件

摘要：Flutter 轮播图组件链接 // 这是Flutter的轮播图组件的地址，可以点击下方链接进行访问 https://pub.dev/packages/flutter_swiper 导入轮播图组件包 // 使用import语句导入flutter_swiper轮播图组件和Flutter的基础UI库 i 阅读全文

posted @ 2020-02-24 15:13 完美前端阅读(1346) 评论(0) 推荐(0)

flutter 调用第三方时间组件

摘要：flutter_cupertino_date_picker 插件来源 // 插件的官方链接地址，可点击直接跳转到该插件的官方文档页面 https://pub.flutter-io.cn/packages/flutter_cupertino_date_picker 插件的安装方法 // 在Flutte 阅读全文

posted @ 2020-02-24 14:18 完美前端阅读(703) 评论(0) 推荐(0)

flutter 自带日期时间 showDatePicker显示中文日期_Flutter时间控件显示中文

摘要：showDatePicker和showTimePicker显示中文日期配置步骤 1. 配置flutter_localizations依赖 // 为了支持Flutter应用的本地化，需要在pubspec.yaml中配置flutter_localizations。 dependencies: flutt 阅读全文

posted @ 2020-02-24 12:26 完美前端阅读(1223) 评论(0) 推荐(0)

flutter InkWell容器和 GestureDetector 手势和官方自带日期组件和第三方日期格式转换组件

摘要：Flutter 手势简介 // GestureDetector手势 // 手势是Flutter中用于识别用户与UI之间交互的重要部分，可以是单击、双击、拖拽等。 // 以下列出了常见的手势类型和它们的描述。 // 单击手势 // onTapDown: 当指针与屏幕接触在特定位置时触发 // onTa 阅读全文

posted @ 2020-02-24 12:13 完美前端阅读(455) 评论(0) 推荐(0)

Flutter form 的表单 input

摘要：点击空白处收起键盘 // 使用 GestureDetector 包裹 Scaffold，使得点击空白处时收起键盘 GestureDetector( behavior: HitTestBehavior.translucent, onTap: () {FocusScope.of(context).req 阅读全文

posted @ 2020-02-22 17:11 完美前端阅读(1130) 评论(0) 推荐(0)

flutter FloatingActionButton 实现类似闲鱼 App 底部导航凸起按钮

摘要：Flutter FloatingActionButton 介绍 // FloatingActionButton 简称 FAB // 它可以实现浮动按钮的效果 // 此外，还可以用它实现类似于"闲鱼"app的底部凸起导航效果 child // 子视图，一般为 Icon，不推荐使用文字作为子视图 too 阅读全文

posted @ 2020-02-21 22:35 完美前端阅读(612) 评论(0) 推荐(0)

Flutter 中的常见的按钮组件以及自定义按钮组件

摘要：Flutter中的按钮组件介绍 // Flutter提供了多种不同的按钮组件以满足不同的设计和功能需求 // RaisedButton: 凸起的按钮，符合Material Design风格 // FlatButton: 扁平化的按钮，没有明显的边界和背景色 // OutlineButton: 带有线阅读全文

posted @ 2020-02-21 20:44 完美前端阅读(1552) 评论(0) 推荐(0)

flutter Drawer 侧边栏、以及侧边栏内容布局

摘要：1. Flutter Drawer 侧边栏 // 在Scaffold组件内，通过传入drawer参数可以定义左侧的边栏，而通过endDrawer则可以定义右侧边栏。 // 默认情况下，侧边栏是隐藏的。可以通过手势滑动或点击按钮来显示。 return Scaffold( appBar: AppBar( 阅读全文

posted @ 2020-02-21 20:14 完美前端阅读(1005) 评论(0) 推荐(0)

flutter AppBar 自定义顶部导航按钮图标、颜色以及 TabBar 定义顶部 Tab 切换通过TabController 定义TabBar

摘要：Flutter AppBar 自定义顶部按钮图标、颜色 // leading：在标题前面显示的一个控件。在首页，通常显示应用的 logo；在其他界面，通常显示为返回按钮。 // title：标题。通常显示为当前界面的标题文字，但也可以是其他的组件。 // actions：通常使用 IconButto 阅读全文

posted @ 2020-02-21 14:03 完美前端阅读(1578) 评论(0) 推荐(0)

flutter 清空路由路由替换返回到根路由

摘要：Flutter 中返回到上一级页面 // 使用Navigator的pop方法可以使Flutter应用返回到上一个页面 Navigator.of(context).pop(); Flutter 中替换路由 // 使用pushReplacementNamed可以替换当前的路由。比如从"用户中心"页面跳转阅读全文

posted @ 2020-02-21 12:02 完美前端阅读(1457) 评论(0) 推荐(0)

flutter 命名路由、命名路由传值

摘要：如何获取上一个页面的返回参数 // 使用Navigator的pop方法来返回参数到上一个页面 Navigator.pop(context, {'title': '123789'}); // 在页面跳转时接收返回的参数 onTap: () async{ // 使用Navigator的pushNamed 阅读全文

posted @ 2020-02-21 00:01 完美前端阅读(612) 评论(0) 推荐(0)

flutter 普通路由、普通路由传值

摘要：Flutter中的路由介绍 // Flutter中的路由主要涉及页面的跳转操作。 // 使用Navigator组件来管理路由导航，并提供堆栈式的导航方法，如：Navigator.push和Navigator.pop来进行页面的切换。 Flutter 中的路由通俗的讲就是页面跳转。在 Flutter 阅读全文

posted @ 2020-02-20 21:03 完美前端阅读(363) 评论(0) 推荐(0)

flutter tab 切换和 BottomNavigationBar 自定义底部导航条

摘要：BottomNavigationBar 组件介绍 // BottomNavigationBar 是 Flutter 提供的底部导航条组件，它常被用于实现 Tab 的切换。 // bottomNavigationBar 是 Scaffold 组件的一个参数，用于在 Scaffold 中设置底部导航。阅读全文

posted @ 2020-02-20 20:17 完美前端阅读(552) 评论(0) 推荐(0)

flutter StatelessWidget 无状态组件 StatefulWidget 有状态组件页面上绑定数据、改变页面数据

摘要：Flutter 中自定义组件简介 // 在Flutter中，自定义组件实质上是一个类，此类可以继承StatelessWidget或StatefulWidget。 // StatelessWidget是一个无状态的组件，这意味着它的状态在其生命周期内不会改变。 // 反之，StatefulWidget 阅读全文

posted @ 2020-02-20 17:54 完美前端阅读(695) 评论(0) 推荐(0)

flutter 页面布局 Wrap 组件和 RaisedButton按钮

摘要：RaisedButton - 定义按钮 // 在Flutter中，您可以通过RaisedButton组件来定义一个按钮。 // RaisedButton提供了多种参数，下面只是展示了一个简单的使用方法： return RaisedButton( child: Text('女装'), // 设置按钮文阅读全文

posted @ 2020-02-20 14:52 完美前端阅读(632) 评论(0) 推荐(0)

flutter AspectRatio图片的宽高比、Card 卡片组件

摘要：AspectRatio 组件说明 // AspectRatio的主要作用是根据设置调整子元素child的宽高比。 // 当外部约束条件允许时，AspectRatio会尽可能地扩展以满足指定的宽高比。 // 如果在满足所有限制条件之后无法找到一个可行的尺寸，AspectRatio会选择满足外部约束的尺阅读全文

posted @ 2020-02-20 13:41 完美前端阅读(500) 评论(0) 推荐(0)

flutter 定位布局 Stack 层叠组件 Stack 与 Align Stack 与 Positioned 实现

摘要：Flutter Stack 组件介绍 // Stack 表示"堆"的意思 // 使用 Stack 或 Stack 结合 Align 或 Stack 结合 Positioned 可以实现页面的定位布局 alignment: // 配置所有子元素的显示位置 children: // 子组件 Flutte 阅读全文

posted @ 2020-02-20 12:39 完美前端阅读(510) 评论(0) 推荐(0)

fluter 页面布局 Paddiing Row Column Expanded Flex组件详解

摘要：1. Padding 组件 // Padding 组件主要用于给其子组件设置填充（内边距）。 // padding: 设置填充的值 // child: 定义子组件 return Padding( padding: EdgeInsets.fromLTRB(0, 0, 10, 0), // 从左、上、右阅读全文

posted @ 2020-02-19 22:12 完美前端阅读(370) 评论(0) 推荐(0)

flutter GridView 列表组件以及动态 GridView

摘要：在ListView中使用GridView // 使用GridView.builder方法实现网格布局 GridView.builder( itemCount: 5, // 当在ListView中使用GridView时，该属性必填 shrinkWrap: true, // 设置不可滚动 physics 阅读全文

posted @ 2020-02-19 20:22 完美前端阅读(464) 评论(0) 推荐(0)

flutter ListView 基础列表组件、水平列表组件、图标组件

摘要：一、Flutter 列表组件概述 // 列表布局在项目开发中是非常常见的，Flutter中的ListView组件提供了创建列表的功能。 // ListView可以轻松地创建垂直和水平的列表，这里有以下几种常见的列表类型： 1. 垂直列表 2. 垂直图文列表 3. 水平列表 4. 动态列表 5. 矩阵阅读全文

posted @ 2020-02-19 14:37 完美前端阅读(477) 评论(0) 推荐(0)

flutter 图片组件

摘要：Flutter Image组件简介 // Image组件在Flutter中用于显示图像。 // 主要有两种常用的构造函数： // Image.asset：用于加载本地图片 // Image.network：用于加载远程图片 Image组件的常用属性 // alignment: 用于设置图片的对齐方式阅读全文

posted @ 2020-02-18 22:09 完美前端阅读(671) 评论(0) 推荐(0)

Flutter Container 组件、Text 组件详解

摘要：Text 组件 // Text组件用于显示简单样式文本，它包含了一些常用的设置参数。 // textAlign - 用于设置文本的对齐方式 // textDirection - 用于设置文本的显示方向 // overflow - 设置当文本超出屏幕时如何处理 // textScaleFactor - 阅读全文

posted @ 2020-02-18 15:31 完美前端阅读(1166) 评论(0) 推荐(0)

flutter 笔记

摘要：Flutter 基本信息 // Container组件在Flutter中相当于HTML中的div元素 Container() // 为文件设置权限，使其可读可写可执行 sudo chmod -R 777 * // 获取Flutter的包 flutter pub get flutter package 阅读全文

posted @ 2020-02-18 15:27 完美前端阅读(233) 评论(0) 推荐(0)

Flutter Android 真机器调试、模拟器调试、Vscode 中开发 Flutter 应用

摘要：必备条件：Android 手机真机调试 // 以下是进行Android手机真机调试时需要的准备和注意事项 // 1. 准备条件: // - 准备一台 Android 手机 // - 手机需要开启调试模式 // - 使用数据线连接手机和电脑 // - 手机应当允许电脑进行USB调试 // - 确保手机阅读全文

posted @ 2020-02-18 11:44 完美前端阅读(1766) 评论(0) 推荐(0)

Windows上面搭建FlutterAndroid运行环境

摘要：1、下载安装JDK https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html 2、配置JDK 1、系统变量里面新增JAVA_HOME，设置值为java jdk根目录： 2、系统变量找到Pa 阅读全文

posted @ 2020-02-17 21:11 完美前端阅读(509) 评论(0) 推荐(0)

dart 面向对象类的继承

摘要：#### 面向对象三大特性 ##### 封装、继承、多态 /** * Dart中的面向对象编程主要包括三大特性：封装、继承和多态。 * * 1. 封装: 封装是将对象的状态信息隐藏在对象内部，不允许外部程序直接访问对象内部信息而只能通过该对象提供的方法来实现。 * 2. 继承: 继承是子类自动共享父阅读全文

posted @ 2020-02-17 13:15 完美前端阅读(111) 评论(0) 推荐(0)

dart 对象,函数,类私有属性和方法

摘要：#### Dart 类与构造函数 /** * Dart语言中的类用于定义对象的模板，包括属性和方法。 * * 1. 构造函数: Dart中的构造函数可以有多个，并且可以有命名构造函数，用于给对象初始化。 * 2. 私有属性和方法: 在Dart中，如果一个属性或方法前面有下划线`_`，那么它是私有的。阅读全文

posted @ 2020-02-17 11:56 完美前端阅读(358) 评论(0) 推荐(0)

闭包

摘要：#### 闭包 /** * 在闭包是一个功能强大的特性，它允许定义一个函数内部的函数，并访问其外部函数的变量或参数。 * * 闭包有以下特点: * 1. 可以实现变量常驻内存。 * 2. 不会污染全局变量。 * * 闭包的用途: * 1. 可以用于定义私有变量和方法。 * 2. 可以用于事件监听、定阅读全文

posted @ 2020-02-17 11:30 完美前端阅读(110) 评论(0) 推荐(0)

dart List(数组)里面常用的属性和方法

摘要：常用属性： length 长度 reversed 翻转 isEmpty 是否为空 isNotEmpty 是否不为空常用方法： add 增加 addAll 拼接数组增加多个数据 list.addAll(['11','22']) indexOf 查找传入具体值 remove 删除传入具体值 rem 阅读全文

posted @ 2020-02-16 18:10 完美前端阅读(1135) 评论(0) 推荐(0)

drat笔记

摘要：#### Dart 语言基础 /** * Dart是Google开发的计算机编程语言，可以用于前端开发（如Flutter）和后端开发。 * * 安装Dart: * - 官方文档: https://dart.dev/get-dart * - 中文文档: https://www.dartcn.com/i 阅读全文

posted @ 2020-02-16 18:09 完美前端阅读(147) 评论(0) 推荐(0)

完美前端

02 2020 档案

导航

公告