草庐IT

Flutter_Blue

全部标签

Flutter系列文章-Flutter进阶2

这一节我将再详细地为您介绍Flutter进阶主题,包括导航和路由、状态管理、异步处理、HTTP请求和RestAPI,以及数据持久化。让我们逐个介绍这些主题。1.导航和路由在Flutter中,导航和路由是构建多页面应用的关键概念。导航是指从一个页面(或称为路由)切换到另一个页面的过程。每个页面都对应着一个Widget。在Flutter中,页面切换由Navigator管理。1.1.基本导航在Flutter中,使用MaterialApp来管理导航栈。当创建一个新的MaterialApp时,它会自动创建一个路由栈,并将一个Navigator放在栈顶。要导航到新页面,可以使用Navigator.push

分享 7 个有用的 Flutter 库,让你的开发生活更轻松

让你的Flutter开发更高效为什么要编写自定义功能,当你可以使用库呢?库是开发者最好的朋友和救命稻草。在我看来,一个好的项目应该充分利用一些最好的可用库。本文是有关Flutter中很棒的库系列文章的一部分,我总结了7个Flutter库,这些库将有助于您在开发过程中前进。1.freezed简介Freezed是一个基于Dart语言的Flutter库,它可以帮助您快速生成不可变的数据类和联合类型。在Flutter开发中,我们经常需要定义数据类和联合类型,以表示我们的数据和状态。使用Freezed,我们可以轻松地定义这些类和类型,并且它们都是不可变的,这有助于提高应用程序的性能和可维护性。使用场景F

Flutter状态管理-FlyingRedux

简介FlyingRedux是一个基于Redux状态管理的组装式flutter应用框架。它有四个特性:函数式编程可预测的状态插拔式的组件化支持nullsafety和flutter3.x如何开始以计数器为例,仅需要5步即可使用flyingredux构建应用:引入flying_redux创建状态类和初始化状态定义Action和ActionCreator创建修改状态的Reducer创建组件或页面视图以显示import'package:flying_redux/flying_redux.dart';///[State]classPageStateextendsCloneable{lateintcount

flutter 集成微信登录、分享功能

1.微信开放平台创建应用点击“创建移动应用”,填写相关信息后提交审核审核通过后申请分享和登录的权限2.ios相关配置1.AssociatedDomains:在xcode中依次点击:左侧根目录Runner--》TARGETS下的Runner--》Signing&Capabilities--》+Capability--》添加AssociatedDomains在Domains中填写域名,例如你的域名为www.abc.com,那个填写的格式为:applinks:www.abc.com2.apple-app-site-association文件配置创建文件并在文件内写入:{"applinks":{"ap

flutter中如何获取app信息及设备信息,看这就够了

flutter中如何获取app信息及设备信息app开发中不可避免要动态获取当前版本号、包名以及设备信息等,安卓原生可以使用如下方法1获取appVersionName:publicstaticStringgetAppVersionName(finalStringpackageName){if(isSpace(packageName))return"";try{PackageManagerpm=Utils.getApp().getPackageManager();PackageInfopi=pm.getPackageInfo(packageName,0);returnpi==null?null:p

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

NavigationBar简介Material3导航栏组件!导航栏提供了一种持久且便捷的方式来在应用程序的主要目的地之间进行切换。使用场景:底部菜单栏模块属性作用onDestinationSelected选择索引回调监听器selectedIndex目前选定目的地的索引destinations存放菜单按钮backgroundColor导航栏背景色elevation海拔高度height导航栏高度labelBehavior是否展示菜单栏底部文字shadowColor阴影颜色animationDuration胶囊动画显示时长indicatorShape选中菜单背景圆角或者边框样式indicatorCo

Flutter组件-ListView滑动到指定位置(SingleChildScrollView 实现锚点效果)

一.SingleChildScrollView 简介:ListView 组件默认内容比较多的时候具有延迟加载的特性。 SingleChildScrollView 不支持基于 Sliver 的延迟实例化模型,也就是使用 SingleChildScrollView 默认没有延迟加载的特性。 SingleChildScrollView 类似于 Android 中的 ScrollView,它只能接收一个子组件,由于默认没 有延迟加载的特性,所以我们可以刚开始就获取里面所有速度的位置,这样就可以很好的实 现锚点效果。二.SingleChildScrollView 锚点的实现流程:将需要锚点的所有代码使用

Flutter中GetX系列九--路由/页面跳转,传值,中间件(GetPage)

1.页面传值跳转和中间件(GetPage)使用代码import'package:flutter/material.dart';import'package:flutterlianxi/login_VC.dart';import'package:get/get.dart';import'routers.dart';voidmain(){runApp(GetMaterialApp(home:BottomAppBarDemo(),//设置初始化路由initialRoute:"/",//全部配置页面跳转的动画(是安卓的风格还是ios的风格)defaultTransition:Transition.ri

flutter实现调用原生安卓的高德地图导航功能(插件化)

查看了高德地图flutter插件的文档,都没有能支持导航的功能,并且flutter的高德插件支持的功能特别少,没办法,只能使用安卓原生的导航,flutter去调用了,具体实现方式如下:创建Flutter插件使用--template=plugin声明创建的是同时包含了iOS和Android代码的plugin;使用--org选项指定组织,一般采用反向域名表示法;使用-i选项指定iOS平台开发语言,objc或者swift;使用-a选项指定Android平台开发语言,java或者kotlin。fluttercreate--template=plugin--orgcom.tencent.game-iob

【Flutter】Flutter 如何使用 WebView

文章目录一、前言二、WebView的概念三、Flutter中的WebView1.使用的库2.方法介绍四、代码示例1.简单示例2.完整示例五、总结一、前言在移动应用开发中,我们有时候需要在应用内部打开网页,而不是跳转到外部的浏览器。这时候,我们就需要使用到WebView。那么在Flutter这个强大的移动应用开发框架中,我们如何使用WebView呢?如果你想深入学习Flutter,掌握更多的技巧和最佳实践,我有一个好消息要告诉你:我们有一个全面的Flutter专栏->FlutterDeveloper101入门小册等待着你。在那里,你将获得完整的、系统的Flutter学习资料,包括详细的代码示例和