草庐IT

flutter-navigation

全部标签

鸿蒙开发-UI-组件导航-Navigation

鸿蒙开发-UI-组件鸿蒙开发-UI-组件2鸿蒙开发-UI-组件3鸿蒙开发-UI-气泡/菜单鸿蒙开发-UI-页面路由文章目录目录一、基本概念二、页面显示模式1.自适应模式2.单页面模式3.分栏模式三、标题栏模式1.Mini模式2.Full模式四、菜单栏五、工具栏六、案例总结前言上文详细学习了鸿蒙开发UI页面跳转的相关知识,学习页面路由router基本概念,使用方法,页面路由两种跳转模式和两种实例模式的区别以及不同跳转模式和实例模式组合下的使用场景,学习了页面跳转后普通返回和带弹窗的返回使用方法,学习了页面带数据的跳转方式以及目标页面接收数据的方法,本文将学习鸿蒙UI开发组件导航Navigatio

flutter设置windows是否显示标题栏和状态栏和全屏显示

想要让桌面软件实现全屏和不显示状态栏或者自定义状态栏,就可以使用window_manager这个依赖库,使用起来还是非常方便的,可以自定义显示窗口大小和位置,还有设置标题栏是否展示等内容,也可以设置可拖动区域。官方仓库地址:window_manager|FlutterPackagegithub仓库地址:https://github.com/leanflutter/window_manager 安装依赖在pubspec.yaml文件中添加依赖:window_manager:^0.3.7,并更新依赖库:pubget初始化window在main.dart中配置初始化:voidmain()async{

flutter添加webview功能之后报错 webview_flutter包 Dependency 'androidx.webkit:webkit:1.8.0' requires libraries and applications Dependency 'androidx.browser:browser:1.6.0' requires libraries and applications

在项目开发中需要添加webview,加载内置的html文件,代码写完后ios运行没有问题,运行安卓时报错,错误提示如下:FAILURE:Buildfailedwithanexception.*Whatwentwrong:Executionfailedfortask':app:checkDebugAarMetadata'.>Afailureoccurredwhileexecutingcom.android.build.gradle.internal.tasks.CheckAarMetadataWorkAction>2issueswerefoundwhencheckingAARmetadata:1

鸿蒙(HarmonyOS)项目方舟框架(ArkUI)之Navigation组件

鸿蒙(HarmonyOS)项目方舟框架(ArkUI)之Navigation组件一、操作环境操作系统: Windows10专业版、IDE:DevEcoStudio3.1、SDK:HarmonyOS3.1+二、Navigation组件鸿蒙(HarmonyOS)项目方舟框架(ArkUI)之Navigation组件子组件可以包含子组件。从APIVersion9开始,推荐与NavRouter组件搭配使用。接口Navigation()属性除支持通用属性外,还支持以下属性:名称参数类型描述titlestring| CustomBuilder8+ | NavigationCommonTitle9+ | Nav

flutter dio^5.3.3实现刷新token

业务场景:并发请求A、B、C三个接口,但是这个三个接口都需要携带token才能请求到正确结果,所以我们的正确思维应该是,例如A接口请求到了,但是返回401没有权限,这个时候就需要拦截B和C两个接口不去执行,然后A接口返回401之后我们去请求tokne,拿到token后还有把A接口重试一下,也就是重新请求一次,最后,我们再放行B和C接口的请求。dio^4.0的版本里才有Lock这个类,到了dio^5.0的版本,作者希望使用QueuedInterceptorsWrapper去拦截队列请求。但是一定要注意,整个功能我们需要两个dio的实例,一个负责正常的业务请求,另一个dio实例负责只请求token

Flutter 双指缩放和双指移动共存手势检测系列之--1方案

Flutter双指缩放和双指移动共存手势检测前言关于Flutter缩放和移动最终效果GestureDetector移动和缩放动作双指缩放和移动Gesture方案源码解读方案小结小结局限代码示例项目体验本文源码系列前言本文所采用Flutter版本为3.10.6,也许后续版本官方会对手势做进一步丰富完善,以解决本文涉及到的解决方案。本文涉及项目手势需求:双指向外或内触屏伸缩,对图片进行缩放;双指在屏幕上同向触屏移动,移动图片。关于Flutter缩放和移动Flutter使用中采用GestureDetector进行移动或是手势判定,该手势检测器内置了移动,缩放,长按等动作检测。如果应用在缩放和移动上是

Flutter 2024 路线规划,更多可期待的功能正在路上

参考链接:https://github.com/flutter/flutter/wiki/Roadmap2024来了,Flutter3.19也发布了,目前Flutter官方团队也发布了2024的规划,而随着3.19的发布,目前Impeller在Android平台已经支持了AndroidOpenGL预览,随着Impeller的质量和性能的提升,Impeller将有较大的计划变动:今年FlutterTeam将计划删除iOS上的Skia的支持,从而完成iOS到Impeller的完全迁移;在Android上Impeller今年预计将完成Vulkan和OpenGLES支持,预计目标同样是完全抛弃使用Sk

flutter 无法从H5 WebView 访问摄像头和录音权限

AndroidManifest.xml需要在中添加以下权限:uses-permissionandroid:name="android.permission.INTERNET"/>uses-permissionandroid:name="android.permission.CAMERA"/>uses-permissionandroid:name="android.permission.RECORD_AUDIO"/>uses-permissionandroid:name="android.permission.MODIFY_AUDIO_SETTINGS"/>uses-permissionandr

flutter tab页面切换练手,手势滑动、禁止滑动、page切换动画,禁止切换动画。

1:AppBar、TabBar、TabBarView实现页面切换,点击tab后tabBarView有左右切换动画,滑动page联动tabBarclassDevicePageextendsStatefulWidget{constDevicePage({super.key});@overrideStatecreateState()=>_DeviceState();}class_DeviceStateextendsStatewithSingleTickerProviderStateMixin{TabController?_tabController;Listtabs=[constTab(text:'

如何使用Flutter构建高质量的用户界面

Flutter是一种比较流行的移动应用开发框架,可以让开发者使用一个代码库构建高质量的iOS和Android应用。Flutter以其快速、美观、高度可定制等优点吸引了开发社区的广泛关注。但如何使用Flutter构建高质量的用户界面呢?下面分为以下几个部分简单的介绍一下。基础概念和语法在使用Flutter构建高质量的用户界面之前,你需要先了解Flutter的基本概念和语法。Flutter使用Dart编程语言,这是一种面向对象的语言,具有强类型、动态类型和异步编程等特性。Flutter的布局系统是基于组件树的,每个界面都由多个组件组成。组件可以是布局、容器或其他UI元素等,而每个组件都有自己的样式