flutter专题

Flutter 进阶:绘制加载动画

绘制加载动画:由小圆组成的大圆 1. 定义 LoadingScreen 类2. 实现 _LoadingScreenState 类3. 定义 LoadingPainter 类4. 总结 实现加载动画 我们需要定义两个类:LoadingScreen 和 LoadingPainter。LoadingScreen 负责控制动画的状态,而 LoadingPainter 则负责绘制动画。

Flutter Button使用

Material 组件库中有多种按钮组件如ElevatedButton、TextButton、OutlineButton等,它们的父类是于ButtonStyleButton。         基本的按钮特点:         1.按下时都会有“水波文动画”。         2.onPressed属性设置点击回调,如果不提供该回调则按钮会处于禁用状态,禁用状态不响应用户点击。

flutter开发实战-flutter build web微信无法识别二维码及小程序码问题

flutter开发实战-flutter build web微信无法识别二维码及小程序码问题 GitHub Pages是一个直接从GitHub存储库托管的静态站点服务,‌它允许用户通过简单的配置,‌将个人的代码项目转化为一个可以在线访问的网站。‌这里使用flutter build web来构建web发布到GitHub Pages。 最近通过flutter build web,通过发布到GitHu

Flutter 中的低功耗蓝牙概述

随着智能设备数量的增加,控制这些设备的需求也在增加。对于多种使用情况,期望设备在需要进行控制的同时连接到互联网会受到很大限制,因此是不可行的。在这些情况下,使用低功耗蓝牙(也称为 Bluetooth LE 或 BLE)似乎是最佳选择,因为它功耗低,在我们的手机中无处不在,而且无需连接到更广泛的网络。因此,蓝牙应用程序的需求也在不断增长。 通过阅读本文,您将了解如何开始在 Flutter 中开

flutter开发多端平台应用的探索 下 (跨模块、跨语言通信之平台通道)

前文 Flutter 是一个跨平台的开发框架,它允许开发者使用相同的代码库来构建 iOS、Android、Web 和桌面应用程序。 上文flutter开发多端平台应用的探索 上(基本操作)-CSDN博客列举了一些特定平台的case(桌面端菜单,鼠标快捷键)的使用方法,有些是flutter提供了对应能力,只需要学习如何调API,有些事三方库支持,本文要探讨的平台通道是更为强大的工具,很多三方插件

Flutter-使用dio插件请求网络(get ,post,下载文件)

引入库:dio: ^2.1.13可直接运行的代码:包含了post,get 下载文件import 'package:flutter/material.dart';import 'package:dio/dio.dart';void main() {runApp(new MaterialApp(title: 'Container demo',home: new visitNetPage(),)

Flutter-选择附件,图片,视频。file_picker

仅供参考: 引入插件: file_picker: ^1.3.8 按照返回值,分了三组: // Single file path String filePath;第一组:返回文件地址 //选择任何文件 filePath = await FilePicker.getFilePath(type: FileType.ANY); // will let you pick one file path, fr

Flutter-图表显示charts_flutter

引入插件: charts_flutter: ^0.4.0 ChartFlutterBean import 'package:charts_flutter/flutter.dart';import 'package:myself_project/OrdinalSales%20.dart';class ChartFlutterBean {static List<Series<TimeSer

Flutter-常用插件汇总

audio_recorder: any #录音、播放flutter_sound: ^1.1.5#录音dropdown_menu: ^1.1.0#下拉菜单simple_permissions:#权限获取easy_alert:#弹框amap_location: any #高德地图location: any #gogle位置获取barcode_scan 0.0.8#二维码识别qr_mobile_vi

Flutter-单选和多选

import 'package:flutter/material.dart';//单选和多选void main() => runApp(MaterialApp(home: _home(),));class _home extends StatefulWidget {@overrideState<StatefulWidget> createState() {// TODO: implement

Flutter-listview的item左右滑动,删除item

import 'package:flutter/material.dart';//列表左右滑动删除void main() =>runApp(MaterialApp(home: HomePage(),));class HomePage extends StatelessWidget {final List<String> items = List.generate(20, (index) =>

Flutter-实现视频播放功能

1.引入库。 video_player: ^0.10.0+2 import 'package:flutter/cupertino.dart';import 'package:flutter/material.dart';import 'package:video_player/video_player.dart';void main() => runApp(showVideo(

Flutter-加三方库卡在flutter package get 的解决办法

Windows PUB_HOSTED_URL ===== https://pub.flutter-io.cnFLUTTER_STORAGE_BASE_URL ===== https://storage.flutter-io.cn 增加两个环境变量,然后执行一下 flutter doctor命令。问题完美解决。

Flutter-选取图库图片和拍照功能,选取视频和拍摄视频

1.先引入库image_picker 2.功能代码 import 'package:flutter/cupertino.dart';import 'package:flutter/material.dart';import 'package:image_picker/image_picker.dart';void main() => runApp(selectImag());clas

Android Studio调试Flutter项目

run运行项目中途,点击Flutter Attach 等一会就可以调试! 或者,直接Debug允行项目。

【Flutter】解决第一次运行项目很慢(gradle需要下载依赖)

配置gradle默认下载路径 默认下C盘谁顶得住 配置环境变量 名称: GRADLE_USER_HOME 值: D:\Develop\gradle 自己创建一个 下边是重点 配置gradle远端下载地址 后边版本号自己换 https://mirrors.cloud.tencent.com/gradle/ https://mirrors.cloud.tencent.com/gradle/g

flutter的入口和原生交互

从今天起,笔者要开始从flutter列表页面向原生页面跳转了 首先遇到了N个No such module "Flutter" 因为笔者的公司其实是从前往后改造Flutter的,所以也不需要引擎组,但是笔者搞不懂,只能照着葫芦画瓢,以后等笔者Flutter技术日渐精进,一定回过来更新怎么单个页面嵌入flutter。 在Appdelegate里还有很多_lifeCycleDelega

Flutter中添加崩溃分析

前言 Crashlytics的作用是在移动应用程序发生崩溃时,及时收集崩溃信息并发送给开发人员,以帮助开发人员快速定位和修复问题,从而提高应用程序的稳定性和用户体验 Crashlytics的原理是通过集成到应用程序中的SDK,在应用程序崩溃时收集崩溃信息并在App重启时上传到Crashlytics服务器。SDK会收集崩溃堆栈、设备信息、应用程序版本等信息,并生成一个唯一的崩溃ID。开发人员

Flutter中如何保活你的StatefulWidget

近期在研究Flutter。大前端应该是未来客户端开发的一个趋势。毕竟,就人力成本和效率来说,大前端是开发的一个必然的选择。 而在大前端技术中,Flutter相比React native,Weex,有更高的效率(Flutter原生的控件支持)。同时,Flutter作为Google的亲儿子,有Google的力推,在文档和社区生态方面,也做得十分完善。 至少在目前的大前端技术中,Flutter是无人

flutter Image

Flutter中,Image是一个用于显示图片的控件,可以显示网络图片、本地图片以及Asset中的图片。Image控件支持多种常见的图片格式,例如PNG、JPEG、GIF等。 const Image({super.key,required this.image,this.frameBuilder,this.loadingBuilder,this.errorBuilder,this.seman

Flutter 创建项目时指定原生项目编程语言

最近,因工作需要,开始接触Flutter方面的开发。虽然对于App端都有开发经验,但都是原生代码。之前也接触过UniApp方面的开发,并成功上线。今天起,转入Flutter方面的开发工作。 注意:现在flutter创建的项目默认是swift跟kottlin,如果想选择不同的语言可以按照下面的几种方法进行创建。 而有时候,由于之前项目代码是原生的,所以需要指定原生项目编程语言。 flutter

Flutter的升级和降级步骤

升级 1.版本升级 // 升级到指定版本flutter upgrade 版本号// 升级到最新版本flutter upgrade 2. 更新开发配置 启动 Android Studio。 打开 Settings 对话框,查看 SDK Manager。 如果你已经打开了一个项目,请打开 Tools > SDK Manager。 如果显示 Welcome to Andro

Flutter之修改App的图标、名称

一、修改App名称 Android 路径:android/app/src/main/AndroidManifest.xml, 找到 android:label=”@string/app_name”。点击Ctrl+鼠标左键转到string.xml 修改名称: <resources><string name="app_name">你的APP名称</string></resources>

Flutter--- 常规知识点

这些问题涵盖了 Flutter 的核心概念和一些常见的框架与架构问题。我将尽量用口语化的方式来回答,并加入一些项目经验来帮助理解。 1. 为什么 Flutter 能跨平台? Flutter 能够跨平台的原因主要有两个方面:Flutter 的架构设计和Dart 语言的编译能力。 Flutter 使用的是自绘制引擎,也就是说它并不依赖于原生平台的控件,而是通过自己的渲染引擎(Skia)直接绘制所