摘要:视频播放 - 准备工作及注意事项 // 以下是视频播放功能在Flutter开发前的准备工作及一些需要注意的事项。 1、把自己的 android stuido 升级为最新版本,Xcode 升级成最新版本。否则安装配置插件的时候可能会出现问题 2、安装完成调用原生的 api 库后,需要重新运行 flut
阅读全文
摘要:Flutter image_picker 插件介绍 // image_picker 插件可以帮助在 Flutter 中实现相机拍照和相册选择功能。 https://pub.dev/packages/image_picker Flutter 使用dio插件上传图片到服务器 // dio 插件可以帮助在
阅读全文
摘要:Flutter 获取设备信息 // 来源链接为 device_info 插件在 pub.dev 的官方页面 https://pub.dev/packages/device_info // 导入 Flutter 的 Material 设计组件和 device_info 插件 import 'packa
阅读全文
摘要:1. flutter_html 描述及相关 API // 以下内容涉及 flutter_html 的使用和其相关的 API 接口 // API 接口地址如下: http://www.phonegap100.com/appapi.php?a=getPortalArticle&aid=20 2. Flu
阅读全文
摘要:Flutter JSON 字符串和 Map 类型的转换 // 使用 dart:convert 包来实现 JSON 与 Map 之间的转换 import 'dart:convert'; var mapData = {"name": "张三", "age": "20"}; var strData = '
阅读全文
摘要:Toast 消息提示插件安装及使用 // AlertDialog、SimpleDialog、showModalBottomSheet 和 showToast 是 Flutter 中的常用弹窗方式 // 使用showToast前,需先安装 fluttertoast 插件 https://pub.dev
阅读全文
摘要:Flutter 轮播图组件链接 // 这是Flutter的轮播图组件的地址,可以点击下方链接进行访问 https://pub.dev/packages/flutter_swiper 导入轮播图组件包 // 使用import语句导入flutter_swiper轮播图组件和Flutter的基础UI库 i
阅读全文
摘要:flutter_cupertino_date_picker 插件来源 // 插件的官方链接地址,可点击直接跳转到该插件的官方文档页面 https://pub.flutter-io.cn/packages/flutter_cupertino_date_picker 插件的安装方法 // 在Flutte
阅读全文
摘要:showDatePicker和showTimePicker显示中文日期配置步骤 1. 配置flutter_localizations依赖 // 为了支持Flutter应用的本地化,需要在pubspec.yaml中配置flutter_localizations。 dependencies: flutt
阅读全文
摘要:Flutter 手势简介 // GestureDetector手势 // 手势是Flutter中用于识别用户与UI之间交互的重要部分,可以是单击、双击、拖拽等。 // 以下列出了常见的手势类型和它们的描述。 // 单击手势 // onTapDown: 当指针与屏幕接触在特定位置时触发 // onTa
阅读全文
摘要:点击空白处收起键盘 // 使用 GestureDetector 包裹 Scaffold,使得点击空白处时收起键盘 GestureDetector( behavior: HitTestBehavior.translucent, onTap: () {FocusScope.of(context).req
阅读全文
摘要:Flutter FloatingActionButton 介绍 // FloatingActionButton 简称 FAB // 它可以实现浮动按钮的效果 // 此外,还可以用它实现类似于"闲鱼"app的底部凸起导航效果 child // 子视图,一般为 Icon,不推荐使用文字作为子视图 too
阅读全文
摘要:Flutter中的按钮组件介绍 // Flutter提供了多种不同的按钮组件以满足不同的设计和功能需求 // RaisedButton: 凸起的按钮,符合Material Design风格 // FlatButton: 扁平化的按钮,没有明显的边界和背景色 // OutlineButton: 带有线
阅读全文
摘要:1. Flutter Drawer 侧边栏 // 在Scaffold组件内,通过传入drawer参数可以定义左侧的边栏,而通过endDrawer则可以定义右侧边栏。 // 默认情况下,侧边栏是隐藏的。可以通过手势滑动或点击按钮来显示。 return Scaffold( appBar: AppBar(
阅读全文
摘要:Flutter AppBar 自定义顶部按钮图标、颜色 // leading:在标题前面显示的一个控件。在首页,通常显示应用的 logo;在其他界面,通常显示为返回按钮。 // title:标题。通常显示为当前界面的标题文字,但也可以是其他的组件。 // actions:通常使用 IconButto
阅读全文
摘要:Flutter 中返回到上一级页面 // 使用Navigator的pop方法可以使Flutter应用返回到上一个页面 Navigator.of(context).pop(); Flutter 中替换路由 // 使用pushReplacementNamed可以替换当前的路由。比如从"用户中心"页面跳转
阅读全文
摘要:如何获取上一个页面的返回参数 // 使用Navigator的pop方法来返回参数到上一个页面 Navigator.pop(context, {'title': '123789'}); // 在页面跳转时接收返回的参数 onTap: () async{ // 使用Navigator的pushNamed
阅读全文
摘要:Flutter中的路由介绍 // Flutter中的路由主要涉及页面的跳转操作。 // 使用Navigator组件来管理路由导航,并提供堆栈式的导航方法,如:Navigator.push和Navigator.pop来进行页面的切换。 Flutter 中的路由通俗的讲就是页面跳转。在 Flutter
阅读全文
摘要:BottomNavigationBar 组件介绍 // BottomNavigationBar 是 Flutter 提供的底部导航条组件,它常被用于实现 Tab 的切换。 // bottomNavigationBar 是 Scaffold 组件的一个参数,用于在 Scaffold 中设置底部导航。
阅读全文
摘要:Flutter 中自定义组件简介 // 在Flutter中,自定义组件实质上是一个类,此类可以继承StatelessWidget或StatefulWidget。 // StatelessWidget是一个无状态的组件,这意味着它的状态在其生命周期内不会改变。 // 反之,StatefulWidget
阅读全文