草庐IT

flutter-redux

全部标签

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

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元素等,而每个组件都有自己的样式

navigator.pop()在回调函数表单redux Action

我正在实现一个小应用程序,需要在Firebase中插入一些数据,然后在数据插入完成后从堆栈中弹出屏幕。我现在正在调用操作,并通过插入数据后执行的回调函数,下面我的代码:implyeecreate.jsonButtonPress(){const{name,phone,shift,navigator}=this.props;this.props.employeeCreate({name,phone,shift:shift||'Monday'},()=>{console.log('REDIRECTFUNCTIONHERE');navigator.pop({animated:true,//doesth

如何在此Redux还原器中正确更新状态

我有一个动作,可以返回包含过滤对象的有效载荷。我希望将此对象作为新状态或我向用户展示的状态返回。我谈论的具体情况在以下代码中显示:casePaginate_BLOGreturn{...state,action.payload.data};我的博客还原器的完整代码:import{FETCH_POSTS,FETCH_POST,DELETE_POST,PAGINATE_BLOG}from'../actions';import_from'lodash';exportdefaultfunction(state={},action){switch(action.type){caseFETCH_POST:c