草庐IT

Flutter-FlutterBloc

全部标签

metaRTC集成flutter ui demo编译指南

概要Flutter是由Google开发的开源UI工具包,用于构建跨平台应用程序,支持linux/windows/mac/android/ios等操作系统。metaRTC新增flutterdemo,支持linux/windows/mac/android/ios操作系统,此demo在ubuntu桌面环境下测试成功。源码下载Releasemetartc7.0.072with3rdpartyandruntime·metartc/metaRTC·GitHubAcross-platformwebRTCSDK.Contributetometartc/metaRTCdevelopmentbycreatinga

超越基础:Flutter 中 onTap 事件的五条规则让你脱颖而出

小事情决定了你的熟练程度,这些小细节的有趣之处在于它们的丰富性。您将在代码库中的数百个位置遇到onTap事件。增强它们可以对代码的可维护性和最终用户体验产生重大的积极影响。onTap 就是这样一个微小但丰富的东西——我们在每个屏幕上都使用它。这纯粹是关于那些onTap事件:该做和不该做。规则1:小部件不应实现onTap逻辑顾名思义,小部件是在屏幕上绘制的一块UI,它应该对业务逻辑一无所知。如果需要,它可以将事件传递给其父级。做到这一点的最佳方法是使用函数作为构造函数参数。要点:不要在小部件内创建匿名函数来编写业务逻辑。相反,甚至可以将onTap传递到小部件之外,并让父级处理它。//DON'Tc

Flutter——最详细(Scaffold)使用教程

Scaffold简介相当于界面的主体(类似于安卓最外层PhoneWindow),组件的展示都必须依附于它。使用场景:每一个界面都是脚手架,通过它来进行架构实现,优美的布局效果。属性作用appBar顶部的标题栏body显示整体布局floatingActionButton右下角按钮floatingActionButtonLocation按钮的位置floatingActionButtonAnimator按钮动画drawer左侧滑动组件onDrawerChanged滑动事件监听endDrawer右侧滑动组件onEndDrawerChanged编辑完成bottomNavigationBar底部菜单组件b

Flutter插件开发-(基础篇)

      在开发flutter项目的时分通常会运用一些三方的的packages或许plugin,二者的区别:packages主要是包括的Dart代码块,而plugin则包括iOS和android的代码。因此来说创立plugin和packages的流程是相似的,下面就以创立plugin为例进行展示:网上有很多复制粘贴的帖子,翻到我这篇你无疑是幸运的,放心往下看吧。1.创建Plugin插件fluttercreate--orgcom.qidian--template=plugin--platforms=android,ios-iswift-ajavaflutter_hello使用--templat

Flutter/Dart第20天:Dart 3.0新特性之类型修饰符

Dart官方文档:https://dart.dev/language/class-modifiers重要说明:本博客基于Dart官网文档,但并不是简单的对官网进行翻译,在覆盖核心功能情况下,我会根据个人研发经验,加入自己的一些扩展问题和场景验证。类型修饰符主要是控制类或者Mixin如何被使用,包括在库内部和外部使用。修饰符关键字出现在类型或Mixin申明的前面,如abstractclass通过abstract修饰符定义了一个抽象类。可用于声明类的修饰符关键字列表如下:abstractbasefinalinterfacesealedmixin约束:上面的修饰符列表,只有base能用于Mixin类

超越基础:Flutter 中 onTap 事件的 5 条规则让你脱颖而出

小事情决定了你的熟练程度,这些小细节的有趣之处在于它们的丰富性。您将在代码库中的数百个位置遇到onTap事件。增强它们可以对代码的可维护性和最终用户体验产生重大的积极影响。onTap 就是这样一个微小但丰富的东西——我们在每个屏幕上都使用它。这纯粹是关于那些onTap事件:该做和不该做。规则1:小部件不应实现onTap逻辑顾名思义,小部件是在屏幕上绘制的一块UI,它应该对业务逻辑一无所知。如果需要,它可以将事件传递给其父级。做到这一点的最佳方法是使用函数作为构造函数参数。要点:不要在小部件内创建匿名函数来编写业务逻辑。相反,甚至可以将onTap传递到小部件之外,并让父级处理它。//DON'Tc

Flutter系列(八)搜索框详解

底部导航+顶部导航+图片列表的完整代码Flutter系列(四)底部导航+顶部导航+图文列表完整代码_摸金青年v的博客-CSDN博客目录一、前言二、搜索框实现方案三、完整工程代码1.自定义的搜索框组件SearchAppBar  search.dart  2.搜索详情页 searchDetail.dart  3.在首页index.dart中,使用搜索框 SearchAppBar一、前言    本文实现当前主流app的搜索框:点击搜索框右侧滑动出搜索页,搜索页中有关键词,样式如图所示,图1是嵌入搜索框的首页,图2是点击搜索框后的搜索页                      二、搜索框实现方案  

Flutter GetX页面跳转动画与属性

FlutterGetX页面跳转动画解释:fade:页面渐变动画,新页面会从透明度为0的状态渐变到完全显示。fadeIn:渐入动画,新页面会从透明度为0的状态渐变到完全显示。rightToLeft:从右向左滑动动画,新页面从屏幕右侧滑入显示。leftToRight:从左向右滑动动画,新页面从屏幕左侧滑入显示。upToDown:从上到下滑动动画,新页面从屏幕顶部滑入显示。downToUp:从下到上滑动动画,新页面从屏幕底部滑入显示。rightToLeftWithFade:从右向左滑动并渐变动画。leftToRightWithFade:从左向右滑动并渐变动画。zoom:缩放动画,新页面从小到大缩放显

Flutter 应用间跳转应用,实现唤起第三方App

Flutter应用间跳转应用,实现唤起第三方App文章目录Flutter应用间跳转应用,实现唤起第三方App前言一、应用间跳转应用场景二、配置URLSchemeAndroid配置ios配置uni_links使用三、实现跳转1.引入库2.跳转打开浏览器打开外部APPH5跳转App四、结尾前言最近因为工作需求,做了应用间跳转应用,因为是一个flutter新手,所以在工作之余随便总结记录一下。一、应用间跳转应用场景1.使用第三方用户登录,跳转到需授权的App。如QQ登录,微信登录等。需要用户授权,还需要"返回到调用的程序,同时返回授权的用户名、密码"。2.应用程序推广,跳转到另一个应用程序(本机已经

【Flutter】flutter_tts 语音播放文本 Text-to-Speech

文章目录一、前言二、flutter_tts插件介绍三、flutter_tts插件的安装与配置四、flutter_tts插件的基本使用五、flutter_tts插件的完整代码示例六、总结一、前言在移动应用开发中,文本到语音(Text-to-Speech,简称TTS)的功能越来越常见。它可以帮助我们实现语音播报、语音提示等功能,极大地丰富了应用的交互方式。本文将介绍如何在Flutter中实现TTS功能,我们将使用一个名为flutter_tts的插件来完成这个任务。本文的重点包括:flutter_tts插件的基本介绍如何在Flutter项目中安装和配置flutter_tts插件如何使用flutter