1. 介绍导航栏在移动应用中扮演着至关重要的角色,它是用户与应用之间进行导航和交互的核心组件之一。无论是简单的页面切换,还是复杂的应用导航,导航栏都能够帮助用户快速找到所需内容,提升用户体验和应用的易用性。在移动应用开发中,通常有两种常见的导航栏类型:底部导航栏(BottomNavigationBar)和自定义导航栏(CustomNavigationRail ......
25
0
0
2024-07-12
准备工作在启程前,我们需要搭建好我们的开发环境。这可能有些复杂,特别是当你想要搭建一款 Android、Windows 等多端应用时,除了安装我们所必须的 Flutter 与 IDEA,还需要安装 Android Studio、Visual Studio 等中可以将软件编译到各种平台的编译环境。这些环境的官方文档中有详细的安装教程,简单明了,小白也能轻松上手 ......
58
0
0
2024-07-01
但更多的时候,我们需要的是一种类似FlutterFragment的方式来进行引用,可喜的是,鸿蒙实现这种方式也并不复杂,因为不论是FlutterPage,还是FlutterFragment,它内部实际上是通过FlutterView的方式来创建的,所以,很快就有开发者提了PR,让鸿蒙可以支持FlutterFragment的方式进行开发,这个组件就是——Flut ......
93
0
0
2024-06-15
1.前言经过上一篇文章,给大家码了一篇『Flutter』手势交互相关的文章,了解了Flutter中的手势交互相关的知识点之后,这篇要给大家介绍一下Flutter中的多文件开发。2.多文件开发2.1.概述在Flutter中进行多文件开发是一种常见的做法,特别是当项目规模变大时,这种方式有助于保持代码的组织和可管理性。2.2.Flutter多文件开发要点模块化: ......
123
0
0
2024-05-09
在这个信息爆炸的时代,我们渴望获取最新的天气信息,以便更好地规划我们的生活。而作为程序员的我们,又怎能错过用技术手段打造一款个性化、便捷的天气预报App呢?在本篇博客中,我将带你踏上一场奇妙的编程之旅,使用Flutter框架开发一款支持多端的天气预报App。前言作为一名小白,你可能对Flutter框架还不够了解,那么让我简单地为你解释一下。Flutter是一 ......
172
0
0
2024-04-16
1.前言经过上一篇文章,就已经可以将 Flutter 的开发环境搭建成功了,这一篇文章就是接着上一篇。咱们来编写属于自己的第一个 Flutter 程序。2.创建项目关于创建项目,我在上一篇文章中已经讲过了,这里就不再赘述了。解决大家可能出现的疑惑,大家创建好一个项目之后,可能项目结构显示的内容如下:因为编辑器默认给我们选择的是 android:需要手动的选择 ......
209
0
0
2024-04-02
嗨,各位朋友们,欢迎来到这篇博客!今天我们将一起踏入 Dart 语言的神奇世界,深入了解 Dart 中的 List 类型。不用担心,我会尽可能用最通俗易懂的语言,让你对 List 有一个更深刻的理解。Dart 中的 ListList - 让数据变得有趣!在 Dart 语言中,List 就像一个神奇的盒子,可以放进去各种各样的东西,比如数字、文字,甚至是其他盒 ......
217
0
0
2024-04-02
作者简介Leo,携程高级移动开发工程师,关注跨端技术,致力于高效、高性能开发。Jarmon,携程高级移动开发工程师,专注 Flutter、iOS 开发。一、背景随着各种多端技术的蓬勃发展,项目主体从纯 Native 项目,到 Native+RN,到现在的 Native+RN+Flutter。基于我们的业务都在 Flutter 技术栈上面,这要求我们需要嵌套展 ......
174
0
0
2024-01-16
Flutter会在屏幕上绘制Widget。如果一个Widget的内容需要更新,那就只能重绘了。尽管如此,Flutter同样会重新绘制一些Widget,而这些Widget的内容仍有部分未被改变。这可能会影响应用程序的执行性能,有时影响会非常巨大。如果您正在寻找一种方法,来防止不必要的部分重绘,您可以考虑利用RepaintBoundary。在这篇博客理,我们将探 ......
150
0
0
2024-01-14
目录前言思路效果实现编译 Mac 版可执行文件内置可执行文件和 ffmpeg设置配置信息执行命令UI 实现最后前言前段时间准备做一个视频,最后需要添加字幕,手动添加太麻烦了就想在网上找一个能自动提取字幕的软件或服务,确实是找到了,但是免费版基本上都有诸多限制,比如现在视频时长等等,后来在 Github 找到一个开源的版本是使用云平台的语音识别实现的,云服务的 ......
233
0
0
2023-09-10
目录实现效果如图:​实现思路1、底部返回键旋转动画2、底部四个栏目变速上移动画+渐变动画3、中间图片渐变动画4、顶部文案渐变动画+下移动画5、注销动画总结在Android App的开发项目中,我们需要在点击事件上实现一个动画效果来提高用户的体验度。比如闲鱼底部中间按钮的那种。该怎么实现呢? 一起来看看吧实现效果如图:​实现思路根据UI的设计图,对每个模块设计 ......
201
0
0
2023-09-08
目录前言动效闲鱼动效仿写效果思路1、底部返回键旋转动画2、底部四个栏目变速上移动画+渐变动画3、中间图片渐变动画4、顶部文案渐变动画+下移动画5、注销动画前言目前正在做的项目,为了增加用户的体验度,准备增加一些动画效果,其中底部栏中间按钮的点击事件参考了闲鱼的动效,便在此基础上仿写了该动效,并增加了一些新的效果。动效闲鱼动效仿写效果思路根据UI的设计图,对每 ......
249
0
0
2023-08-15
目录正文使用网络图片把网络图片缓存到磁盘使用 assets 图片适配浅色与深色模式在不同的设备使用不同分辨率的图片关于设备 dpr 不完全匹配的处理忽略 dpr 信息使用相册图片使用相机拍摄的图片使用内存图片图片用做装饰图片预加载centerSlicecenterSlice 只能放大,不能缩小。全局缓存 ImageCache 的设置图片类之间的关系Image ......
213
0
0
2023-08-07
目录引言服务端渲染css 放哪里更新 css如何利用本地 css 快速显示页面浏览器渲染如何启动本地server如何让 WebView 的页面请求走本地服务优化图片请求代码实现代码逻辑关于图片类型关于图片地址把图片缓存到磁盘。总结一下服务端染页面方案浏览器渲染方案图片缓存番外引言WebView 的文章分两篇在 Flutter 中使用 webview_flut ......
282
0
0
2023-08-07
目录前言实现原理1. 基本原理2. 具体步骤3. 原理图插件实现实现过程中的坑使用方式写在最后前言通过此篇文章,你将了解到:Flutter如何在Android上实现多窗口机制;Flutter与Android的事件机制和冲突解决;Flutter多窗口存在的隐患和展望。Flutter在桌面端的多窗口需求,一直是个历史巨坑。随着Flutter的技术在我们windo ......
216
0
0
2023-08-06