Flutter移动开发第9页

Flutter TabBar+TabBarView实战DEMO

理论上适用于大部分标签页+列表切换效果，唯一的区别就是实体类接口这块的逻辑，按照自己的项目改一改，然后把listview的item布局按照自己需求改一改，改吧改吧自己就能用了效果图如下：底下的每个TabBarView都做了缓存，切换的时候第一次需要加载，之后再切换回来很流畅。现在粘贴代码：main.dart：import'package:dio/dio.dart';import'package:f

黄油奥特曼·2024-02-03 14:33

首个flutter demo

配置好相应的flutter开发的框架，之后选择file-new-newflutterproject,会出现以下界面选择flutterapplication之后，直接点击next即可，之后一路next，最后点击

smxueer·2024-02-03 14:03

Flutter 仿抖音 TikTok 上下滑动播放视频

Flutter仿抖音TikTok上下滑动播放视频UI框架，视频播放使用video_playergithub：GitHub-PangHaHa12138/TiktokVideo:Flutter仿抖音TikTok

庞哈哈12138·2024-02-03 13:32

flutter如何实现省市区选择器

前言当我们需要用户填写地址时，稳妥的做法是让用户通过“滚轮”来滑动选择省份，市，区，此文采用flutter的第三方库来实现这一功能，比调用高德地图api简单一些。

夏目艾拉·2024-02-03 13:02

Flutter 各种Demo效果合集

Flutter各种Demo实现效果：github：GitHub-PangHaHa12138/FlutterDemo:Flutter各种Demo效果合集1：2种仿朋友圈效果,顶部拉伸和不拉伸2：仿抖音上下滑动视频播放

庞哈哈12138·2024-02-03 13:01

在flutter中集成Excel导入和导出

flutter中集成Excel导入和导出功能1、需要的依赖在pubspec.yaml#excel导出syncfusion_flutter_xlsio:^24.1.45open_file:^3.0.1#导入

枣泥馅·2024-02-03 13:01

Flutter组件 StatefulWidget、StatelessWidget 可继承写法

前言学过Java的同学，应该都知道面向对象语言的三大特征，封装、继承、多态；Dart也是面向对象的语言，但是在Flutter中的很多组件都被下划线'_'标记为私有，导致无法继承，本文将介绍一种非私有的创建组件写法

韩老九·2024-02-03 13:31

Mac Android Studio Flutter常用快捷键

Flutter开发常用快捷键看到所有的实现类cmd+option+b给某个组件包裹另一个组件option+enter查看抽象类的实现类optioncommandB抽取一个Widgetoption+enter

JackLeeVip·2024-02-03 13:42

Flutter开发7：对话框

Material库提供了三种基本对话框控件AlertDialog通常用于提示型对话框SimpleDialog通常用于列表型对话框Dialog通常用于自定义布局元素的对话框弹出对话框时，调用showDialog函数，将对话框控件传入，由于对话框本身是路由，所以关闭对话框时，需使用Navigator.of(context).pop()除此外，还有一种iOS风格的基本对话框控件CupertinoAler

十二栗子·2024-02-03 11:00

几个桌面应用开发框架比较：Electron、Flutter、Tauri、React Native 与 Qt

在本文中，我们将比较五种流行的桌面应用程序开发框架：Electron、Flutter、Tauri、ReactNative和Qt，可以帮助你根据项目需求做出明智的决策。

雨中深巷的油纸伞·2024-02-03 10:56

互联网摸鱼日报（2022-09-12）

史蒂芬周_jianshu·2024-02-03 10:54

Flutter中借用json_annotation实现序列化和反序列化

1.引入json_annotation依赖pubspec.yamldependencies: #Yourotherregulardependencieshere json_annotation:^2.0.0dev_dependencies: #Yourotherdev_dependencieshere build_runner:^1.0.0 json_serializable:^2.0.02.根据

黄昭鸿·2024-02-03 08:31

2024 Flutter 重大更新，Dart 宏（Macros）编程开始支持，JSON 序列化有救

说起宏编程可能大家并不陌生，但是这对于Flutter和Dart开发者来说它一直是一个「遗憾」，这个「遗憾」体现在编辑过程的代码修改支持上，其中最典型的莫过于Dart的JSON序列化。

恋猫de小郭·2024-02-03 08:28

Flutter第七章（Drawer 侧边栏，UserAccountsDrawerHeader，DrawerHeader以及案例）

欢迎来到本章节，上一章节我们讲了底部导航菜单和顶部导航菜单场景的使用，知识点回顾戳这里Flutter基础第六章本章节将讲解另一个场景：左右侧边栏，侧边栏的使用场景还是非常多的，比如：QQ，京东等。

一巴掌拍出两坨脂肪·2024-02-03 06:07

融云 Flutter IM SDK 解析

融云FlutterIMSDK解析最近准备使用融云的FlutterSDK，所以顺便记录一下。

_一叶孤帆·2024-02-03 05:20

Flutter网络图片本地缓存的实现

一、问题：Flutter原有的图片缓存机制，是通过PaintingBinding.instance!.

xmb·2024-02-03 04:25

Flutter混合栈实践

混合栈产生原因Flutter热度很高，无论大小公司都跃跃预试，接入的形式可能是：*已有项目为主部分模块接入Flutter，*新开Flutter项目部分Native，*完全Flutter项目除了最后一种情况不用考虑混合栈的问题

whqfor·2024-02-03 03:12

开发跨平台APP，是用Flutter还是React Native开发框架？

随着移动互联网的飞速发展，对于开发人员而言，如何快速地开发出兼容不同平台（iOS、Android）的应用，成为了一个重要的问题。跨平台应用程序开发框架的好处：1.一个App适用于多个设备；2.一个App适用于多个平台；3.一个App可以在多个应用商店中发布；4.只需编写一次代码；5.代码可以跨平台复用；6.市场分析与测试；7.快速成型；8.快速开发；9.无缝产品维护；10；统一性、均匀性；今天有许

AdSet聚合广告平台·2024-02-03 00:23

Flutter 3.2 BottomNavigationBar 自定义底部导航条以及实现页面切换

1.BottomNavigationBar是scaffold组件的参数就是TabBar~~typeBottomNavigationBarType.fixed配置底部tabs可以有多个按钮classHTopMainextendsStatefulWidget{@override_HTopMainStatecreateState()=>_HTopMainState();}class_HTopMainSt

贝灬小晖·2024-02-02 22:55

flutter 简易媒体浏览器,视频播放器设计

过年假期在家,闲着无事,继续优化flutter项目,通过构架各类轮子增加flutter掌握程度.这次增加一个媒体浏览器,包括相册浏览器和url视频播放等等.下面先放上媒体浏览结果:flutter构建UI

简单coder·2024-02-02 21:29

Flutter 84: 图解自定义 ACEWave 波浪 Widget (二)

小菜继续完善前两天自定义ACEWave波浪组件，小菜预期的效果是多条波浪，渐变颜色，波浪宽高自定义等；1.区分波浪宽度动画小菜上一节测试时波浪宽度小于屏幕宽度，当放大波浪宽度时，循环过程中动画会跳动一下，不顺畅；其原因是Animation动画设置有问题；小菜调整了平移动画的Offset位置，并设置波浪起始位置偏移量与小波浪时相反；returnTransform.translate(offset:O

阿策神奇·2024-02-02 20:22

Flutter实现原生交互（带任意参数）

我在网上找了很多例子，很多都没有说到痛点，而且很多都是Copy来Copy去的，都是继承自FlutterActivity。我这里就为了展示一种不继承FlutterActivity的。

山上的神仙·2024-02-02 19:34

【编程入门】开源记事本（Flutter版）

image左侧为前端版本：安卓、iOS、鸿蒙、Flutter、Vue、uni-app。右侧

蓝不蓝编程·2024-02-02 17:47

Flutter Mac环境配置创建项目

1、目标最近开始学习flutter开发app了,然而学习之前要安装搭建开发环境。

长情G·2024-02-02 17:28

Flutter 之 Expanded 控件和 Flex

Expanded组件可以让Row、Column、Flex等子组件在其主轴方向上展开并填充可用空间。类似Android中的widget属性的用法Row的用法class_MyHomePageStateextendsState{@overrideWidgetbuild(BuildContextcontext){returnScaffold(appBar:AppBar(leading:null,autom

Goach·2024-02-02 16:31

Flutter布局锦囊---手机号登录页

设计给的效果如下：UI布局图拿到设计后，先把整体拆分成几个部分：“运营位”，使用自定义的旋转木马滑块组件实现可以滚动的运营位。“登录表单”，使用自定义的登录表单组件实现手机号、验证码登录的表单。“用户协议”，使用自定义的用户协议组件实现用户协议的声明文本。然后就可以开始进行编码了。第1步：绘制组件树手机号登录页的组件树第2步：实现“运营位”先把需要引用的自定义组件一次引入，carousel_wit

何小有·2024-02-02 16:36

Flutter点击空白隐藏键盘的全局做法

开发原生页面的时候，在处理键盘事件上，通常的需求是，点击输入框外屏幕，要隐藏键盘，同样的，这样的需求也需要在Flutter上实现，Android上的实现方式是在基类Activity里实现事件分发，判断触摸位置是否在输入框内

A_si·2024-02-02 15:08

Flutter Android开发实用技巧

一，当前页面路由处在栈中“最底部”的位置时，按两次返回键退出app。第一次按返回键弹出“再按一次退出”的提示。DateTime?lastPressedTime;//上一次的最后点击时间@overrideWidgetbuild(BuildContextcontext){returnPopScope(canPop:false,onPopInvoked:(booldidPop){if(didPop)re

LYP_0320·2024-02-02 14:02

Flutter集成UniMPSDK（Uni小程序SDK）

LYP_0320·2024-02-02 14:32

Flutter 实现仿微信群头像排列相关代码-（头像为圆形）

文章目录前言一、需要实现的效果如下二、flutter实现代码如下：总结前言最近写flutter项目，其中就有群聊的相关功能，我们需要实现群头像的拼接，这时候就需要把几个用户的头像按照一定的规则排列起来；

明似水·2024-02-02 12:01

Flutter打包报错requires a provisioning profile with the Push Notifications and Sign in with Apple featur

文章目录前言一、报错及原因二、分析原因三、解决方法总结前言最近参与团队开发，之前一直好用的flutter打包命令居然不好用了，现在把解决方法分享给大家，希望帮助到你。

明似水·2024-02-02 12:31

flutter GridView控件实践

gridView顶部自带padding问题如图所示：顶部有一个比较大的padding。如何处理：给gridView设置：padding:EdgeInsets.zero,

Steve_XiaoHai·2024-02-02 12:59

Flutter 音频转码Mp3文件插件

Flutter音频转码Mp3文件插件前言插件例子效果图编写插件代码iOS端实现插件前言网上找了很多插件不是不支持录音转码mp3，要不就是不返回音量数据。

wahkim·2024-02-02 12:58

Flutter 解决ExpansionTile上下分割线问题，以及title撑满问题

文章目录前言一、解决上下分割线问题二、使ExpansionTile的title撑满总结前言最近在做flutter项目，其中的一个功能用到了ExpansionTile的效果，奈何我们的设计师要求很高，展开的时候不能有上下一根线

明似水·2024-02-02 12:27

(Flutter 常用插件整理

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档Flutter常用插件整理#Flutter城市列表，联系人列表，索引&悬停https://github.com/flutterchina/

wahkim·2024-02-02 12:26

SPA单页应用开发

VScode、WS、HB2、场景——H5前端开发技术栈：vue-cli、SPA、npm、建议自己布局手写样式推荐使用的IDE：WS、VScode、HB3、场景——跨端APP开发技术栈：uni-app、Flutter

hangover_bfc9·2024-02-02 10:20

Flutter-22- 贝塞尔曲线

去掉DeBug图标debugShowCheckedModeBanner:false,入口代码：import'package:flutter/material.dart';import'custom_clipper.dart

忆往昔Code·2024-02-02 09:22

flutter识别图片中的二维码,彩色无法识别问题

使用的插件是scan:any要识别微信的二维码或者群聊的二维码;现在遇到问题是有的用户保存微信图片时,使用了彩色的图片,在iOS16.x可以识别,但是15.x识别不到二维码,返回为null;Scan.parse(path)图片是绝对没问题的使用Photoshop,把彩色图片反相后,15.x就可以识别了具体操作代码如下图片反相:staticFutureinvertImage(ui.Imageimag

陈晓青_57a8·2024-02-02 09:29

flutter-引用插件

1.包名后面不指定任何版本，表示任何版本都可以使用，但是这种方法不推荐，当版本更新后有可能会出现错误dependencies:url_launcher:2.明确指定某一版本，表示只能使用该版本dependencies:url_launcher:'0.1.2'3.大于0.12的版本可以使用dependencies:url_launcher:'>0.1.2'4.大于等于0.12的版本可以使用depen

ChaosHeart·2024-02-02 08:33

Dart Error: Can't load Kernel binary: Invalid kernel binary: Indicated size.

是否有在安卓机器上运行flutter项目出现这个呢?

代瑶·2024-02-02 07:03

Flutter 自定义 (CustomPainter Container)

原文地址:https://juejin.im/post/5cb56f5ef265da03474df6b5Flutter中使用自绘方式自定义Widget,大致步骤如下:1继承CustomPainter并重写

菜鸟何时起飞·2024-02-02 03:33

重识Flutter 用于解决复杂滑动视窗问题的Slivers - part1

那么在重识Flutter这个专栏中，从组件的使用到其背后的渲染原理，让我们一起探索Slivers的魅力吧！视窗是什么？Sliver是什么

编程的平行世界·2024-02-02 01:32

flutter 最简单的应用程序图标制作方法

image原文https://medium.com/@bharadwaj.palakurthy/the-easiest-way-to-make-app-icons-in-flutter-9fe1bc9dd646

ducafecat·2024-02-02 00:39

Flutter系列之自定义实现圆角渐变进度条

flutterSDK提供的ProgressIndicator不支持圆角属性的设置，看起来不是很美观，系统自带的LinearProgressIndicator是这样的：这样的进度条显然无法满足UI设计师的要求

Mr_tigerchou·2024-02-01 22:09

Flutter 自定义实现时间轴、侧边进度条

因为flutter提供的Stepper无法满足业务需求，于是只好自己实现一个。

一叶飘舟·2024-02-01 22:07

Flutter 和 Android原生（Activity、Fragment）相互跳转、传参

前言本文主要讲解Flutter和Android原生之间，页面相互跳转、传参，但其中用到了两端相互通信的知识，非常建议先看完这篇讲解通信的文章：Flutter与Android原生相互通信：BasicMessageChannel

韩老九·2024-02-01 22:06

Flutter canvas 画一条会动的波浪线进度条

之前用FlutterCanvas画过一个三角三角形，html的Canvas也画过一次类似的，今天用FlutterCanvas试了下感觉差不多：html版本大致效果如下：思路和html实现的类似：也就是找出点的位置

nicepainkiller·2024-02-01 22:04

Execution failed for task ‘:app:compileFlutterBuildDebug‘. 解决

前言项目场景：在Flutter项目中或在嵌入Flutter模块的Android原生项目；启动场景：在Android原生端编译或运行项目时，可能出现这个异常；异常Build窗口并没有追踪到，引发异常代码位置

韩老九·2024-02-01 22:04

Flutter - 在浏览器中实现实现视频播放器

为了使用Flutter在iOS或Android上播放视频，大多数人会转向video_player软件包。不幸的是，Web平台不支持该软件包。

开心人开发世界·2024-02-01 20:50

解密国内BAT等大厂前端技术体系-阿里篇（长文建议收藏）

整个业界在前端框架不断迭代中，也寻找到了许多突破方向，例如跨平台中的RN、Flutter，服务端GraphQL、Serverless，前端和客户端的融合越来越紧密，前端在Node和Electron的加持下

linchare·2024-02-01 19:59

推荐频道

Flutter移动开发