Flutter入门
Flutter入门到开发
倚栏静望
让Bug呆一会儿
展开
-
flutter集成Google第三方登录
历时半天时间,踏过无数个坑,终于吧google登录搞定了,有些坑是官方文档给挖的,但是大多数坑还是网上的其他同仁给挖的,在这我就不多说了,也可能是版本过于久远,在他们那个年代可行的方法到现在已经不可行了,所以在这里也加一些免责声明:本文章中的集成方式可能在未来某个时间段就失效了,所以,请大家最好还是以官方文档为准。原创 2023-02-12 18:15:45 · 2603 阅读 · 1 评论 -
Flutter Windows端打包并生成可安装文件流程
下载成功后按照下图勾选桌面应用和移动应用下的使用C++的桌面开发,勾选右侧安装详细信息中的windows 11/10 sdk 中的任意一个完成安装即可。3.4 选择打包软件,选择前在Release 目录下新建一个文件夹temp,把Release目录下的data文件夹整体移动到temp文件夹中,3.3 安装位置,文件名称 安装位置可以按照默认的来,生成之后可以自主选择安装路径。3.7 选择输出的路径,输入的exe名称和exe文件的icon,安装密码,按需填写.首先安装inno setup制作安装包。原创 2023-02-12 18:09:55 · 3568 阅读 · 3 评论 -
Flutter Windows端解决应用多次被打开问题
Flutter 开发Windows端程序时,是默认可以多次打开同一个应用的,有时候需要限制只能打开一次,再次点击快捷方式打开之前已经打开的页面。处理方式如下:找到windows/runner/main.cpp。这样就可以限制多次打开同一个应用。原创 2023-02-12 18:06:24 · 1094 阅读 · 2 评论 -
Flutter desktop端多屏幕展示问题处理
目前越来越多的人用Flutter来做桌面程序的开发,很多应用场景在Flutter开发端还不是很成熟,有些场景目前还没有很好的插件来支持,所以落地Flutter桌面版还是要慎重。下面来说一下近期我遇到的一个问题,之前遇到一个需要双屏展示的应用场景,而且双屏还要有交互,下面就介绍这种双屏的功能怎么实现。原创 2023-02-12 18:00:58 · 2955 阅读 · 1 评论 -
SocketException: Connection failed (OS Error: Operation not permitted, errno = 1), address = caterin
调试配置路径:macos/Runner/DebugProfile.entitlements。release路径:macos/Runner/Release.entitlements。flutter 打包出来的macos安装包以及debug运行起来的程序无法访问数据。原创 2022-11-18 17:23:41 · 1069 阅读 · 0 评论 -
Getx 在Tabview中怎么使用AutomaticKeepAliveClientMixin保持页面状态
在tabview中用KeepAliveWrapper包裹getx的页面。直接贴代码吧,有兴趣的可以去看看getx在github中的。原创 2022-11-17 09:49:01 · 1162 阅读 · 1 评论 -
DioError [DioErrorType.DEFAULT]: HandshakeException: Handshake error in client (OS Error: ...
出现这个问题是接口请求证书问题:(dio.httpClientAdapter as DefaultHttpClientAdapter).onHttpClientCreate = (client){client.badCertificateCallback=(cert, host, port){return true;};};即可完美解决原创 2022-05-24 22:08:24 · 3681 阅读 · 2 评论 -
Gradle Could not resolve org.jetbrains.kotlin:kotlin-stdlib-jdk8:1.3.72.
问题Build file '/Users/******/****/android/golf/android/app/build.gradle' line: 26* What went wrong:A problem occurred evaluating project ':app'.> Could not resolve all artifacts for configuration 'classpath'. > Could not resolve org.jetbrains.原创 2022-05-17 23:25:39 · 9130 阅读 · 21 评论 -
Flutter 3.0 发布啦~快来看看有什么新功能-2022 Google I/O
本次 Flutter 3.0 主要包括 macOS 和 Linux 的稳定版发布,以及相关的性能改进等。原文链接 https://medium.com/invertase/please-welcome-flutter-3-0-44b22d8a5675我不敢相信又到了另一个主要的Flutter稳定版本的时候了。是的,各位,欢迎Flutter 3.0。去年,在Google I/O上,Flutter团队宣布了Flutter 2.2。从那时起,Flutter有一些重大改进和稳定的发布。AtInvertase原创 2022-05-12 22:37:33 · 5142 阅读 · 0 评论 -
Flutter 权限验证插件permission_handler 详细介绍
添加依赖 #权限dependencies: permission_handler: ^9.2.0具体使用1.在代码中添加自己具体需要动态申请的权限,权限动态申请场景是应对Android6.x以上的系统。iOS的权限申请还是参考源生的权限添加方式,在info.list中添加好对应的权限。 /// 申请定位权限 /// 授予定位权限返回true, 否则返回false Future<bool> requestLocationPermission() async {原创 2022-05-08 17:16:40 · 3208 阅读 · 1 评论 -
flutter集成Apple第三方登录
1.在开发平台Certificates, Identifiers & Profiles中找到项目的Identifiers 勾选Sign in with Apple2.在项目中将Sign in with Apple 加入项目在flutter项目的pubspec.yaml中添加依赖dependencies: sign_in_with_apple: ^3.3.0登录核心代码: //核心就这一个方法,去获取登录用户信息 AuthorizationCredentialAppl原创 2022-05-03 18:55:40 · 2757 阅读 · 0 评论 -
Flutter获取当前设备的语言
在对flutter应用接入国际化的时候,我们需要获取到当前设备的语言以用于根据系统语言来加载对应的应用语言版本。在MaterialApp中可以通过LocaleResolutionCallback回调来获取系统的语言: localeResolutionCallback: (deviceLocale, supportedLocales) { print("当前系统语言:------>${deviceLocale!.countryCode}");原创 2022-05-02 21:54:10 · 7397 阅读 · 0 评论 -
flutter 集成facebook第三方登录完整流程
前言国外常用的 GitHub、Twitter、apple、Microsoft三方登录一般是通过 Google 提供的 firebase 统一验证的机制,虽然不能统一登陆方式,但是通过 firebase 能使登陆流程更加规范化,减少后端开发的工作量,而且要使用 Google 登陆前,必须要集成 firebase,同时它也是国际型项目等首选方案。但是firebase其实是类似国内友盟的功能,它只是做一个总的集成,并不会省掉该步骤。本文直接使用facebook官方提供的功能来直接实现facebook。账号申请原创 2022-05-02 19:12:39 · 3977 阅读 · 0 评论 -
Flutter TextField中光标与hintText位置不一致问题处理
通过设置TextField的style来解决TextField( style: TextStyle(textBaseline: TextBaseline.alphabetic),)原创 2022-02-13 23:45:10 · 1568 阅读 · 0 评论 -
Flutter 自带图片组件加载https图片无法显示,受限证书问题的处理办法
由于加载部分https的图片Flutter自带组件如:Image.network、NetworkImage等会失败,因此需要对此类图片进行单独处理。新建一个工具类:NetworkImageSSLimport 'dart:async';import 'dart:io';import 'dart:typed_data';import 'dart:ui' as ui show instantiateImageCodec, Codec;import 'package:flutter/foundatio原创 2022-02-08 12:11:52 · 3527 阅读 · 0 评论 -
flutter屏幕截图实现,超出屏幕部分的截图实现
flutter屏幕截图原创 2022-01-30 10:36:37 · 2046 阅读 · 2 评论 -
flutter 结合uni 做小程序探索
flutter 结合uni 做小程序探索原创 2022-01-06 23:48:25 · 4238 阅读 · 1 评论 -
Flutter中的pageViewr如何禁止左右滑动
flutter中PageView 默认是可以左右滑动的,如果想禁止滑动修改physics的参数为NeverScrollableScrollPhysics(),即可 PageView( controller: state.pageController, physics: const NeverScrollableScrollPhysics(), children: state.原创 2021-12-23 23:17:35 · 5255 阅读 · 0 评论 -
FlutterBoost3.0 的集成与使用详解
一.FlutterBoost3.0介绍https://github.com/alibaba/flutter_boostFlutterBoost刚开始开源的时候就接触过它,但之前版本的FlutterBoost是真难用,对新手也很不友好。这次主要说FlutterBoost3.0的性能,相比之前版本,3.0在一下方面有长足进步:flutter sdk升级不需要升级boost简化架构简化接口双端接口设计统一解决了top issueandroid不需要区分androidx 和support其他原创 2021-11-21 12:36:17 · 4721 阅读 · 0 评论 -
Flutter自定义Tabbar:tabbar_magic_indicator
运行效果使用与说明代码如下(示例):import numpy as npimport pandas as pdimport matplotlib.pyplot as pltimport seaborn as snsimport warningswarnings.filterwarnings('ignore')import sslssl._create_default_https_context = ssl._create_unverified_context2.读入数据代码如下原创 2020-09-19 23:55:30 · 1425 阅读 · 0 评论 -
flutter自定义开关控件 flutter_switch_plus
控件样式:使用方式:在pubspec.yaml中添加:flutter_switch_plus: ^0.0.1flutter_switch_plus是对官方Switch控件的功能加强,其实官方提供在Switch已经很优秀了,样式跟iOS的开关样式也比较像,唯一的缺点是没法改大小(控件宽高在代码中写死了可还行),因此结合官方的控件做了一个加强版的。使用方式:PlusSwitch( value: true, activeTrackColor:原创 2020-07-13 16:46:26 · 2746 阅读 · 3 评论 -
解决flutter更新到1.17出现[google_maps_flutter] iOS - undefined symbols for architecture问题
报错内容;Undefined symbols for architecture x86_64: "_OBJC_CLASS_$_GMSMarker", referenced from: objc-class-ref in google_maps_flutter(GoogleMapMarkerController.o) "_OBJC_CLASS_$_GMSMutablePath", referenced from: objc-class-ref in google_maps_f原创 2020-05-22 23:02:22 · 1141 阅读 · 1 评论 -
Flutter 解决webview_flutter 插件Android端无法上传文件问题
最近在使用webview_flutter遇到在内嵌的h5中有上传文件的需求,但是官方的webview_flutter并没有对Android做相关的适配。做过Android的应该知道在Android源生中使用webview内嵌H5需要对上传文件的功能做相关的适配处理,否则会报错。由于webview_flutter内部还是使用Android源生的webview来展示H5,所以如果项目中有这方面需求还是...原创 2020-04-27 14:03:45 · 5197 阅读 · 4 评论 -
Flutter Web 调用JS实现一些特定功能
本文主要介绍flutterweb如何调用js完成一些特定的功能,比如定位、三方支付等。本文使用定位来介绍。官方给开发者提供了js与dart交互的api:https://api.flutter.dev/flutter/dart-js/dart-js-library.html在使用时引入:import 'dart:js' as js;首先 flutter端:1.在web文件夹下创建js文...原创 2020-04-25 18:15:52 · 5658 阅读 · 5 评论 -
Flutter 结合fish-redux实现多语言以及主题切换
在这里先安利一下fish-redux这个框架。我一直在用这个框架做路由跟开发框架。fish-redux是阿里咸鱼开源的一个基于 Redux 数据管理的组装式 flutter 应用框架。它的特点是配置式组装。 一方面我们将一个大的页面,对视图和数据层层拆解为互相独立的 Component|Adapter,上层负责组装,下层负责实现; 另一方面将 Component|Adapter 拆分为 Vie...原创 2020-04-24 11:08:15 · 1388 阅读 · 0 评论 -
Flutter 使用intl实现国际化
1.添加依赖dependencies: #...省略无关项 intl: ^0.15.7 dev_dependencies: #...省略无关项 intl_translation: ^0.17.22.创建必要目录首先,在项目根目录下创建一个i10n-arb目录,该目录保存我们接下来通过intl_translation命令生成的arb文件。一个简单的arb文件内容如下:...原创 2020-04-24 10:34:02 · 5172 阅读 · 2 评论 -
Flutter TextField 限制只允许输入数字,字母,小数,设置限制小数位数
TextField( inputFormatters: [ //只允许输入字母 WhitelistingTextInputFormatter(RegExp("[a-zA-Z]")), ], ), TextField( //只允许输入数字 inputFormatters: [...原创 2020-03-26 17:17:16 · 9560 阅读 · 3 评论 -
Flutter--Android resource linking failed报错解决
一个依赖引发的血案啊……我其实啥都没干,之前一直运行的好好的,这是在flutter中新加了一个插件,然后程序就炸了……FAILURE: Build failed with an exception.* What went wrong:Execution failed for task ':app:processDebugResources'.> Android resource ...原创 2020-03-18 09:50:13 · 5555 阅读 · 2 评论 -
fish_redux在flutter_web中路由配置,解决浏览器跳转页面
最近惊奇的发现在目前的flutter dev for web 版本中可以用fish_redux管理路由,并且在目前的版本中不再是flutter_web 跟flutterfor iPhone分开的模式,开发者可以使用同一个包下面的UI来开发。目前三端开发都是使用flutter/material.dart中的组件,因此基本上可以做到一次编写,分别打包iOS,Android,web三端。关于for w...原创 2020-03-15 11:22:53 · 1705 阅读 · 0 评论 -
H5 跳转Flutter APP问题:在Flutter中解决H5能够打开APP并接收H5传递的参数
最近遇到了这个问题,其实这个问题在源生开发中算是一个很常见的问题。有很多场景都需要通过其他APP或者H5来打开APP并且有时候会携带参数。所以在这里我说一下我的做法(大神勿喷,有更好的办法请评论区留言,不胜感激)。Android端1.首先在AndroidManifest.xml中修改入口Activity的配置: android:name=".MainActivity"...原创 2020-03-02 21:06:42 · 6065 阅读 · 7 评论 -
Flutter 更新后本地插件报错:Couldn't read file LocalFile: "***/***.kt" even though it exists!
先说一下报错Flutter版本:Stable channel v1.12.13+hotfix.5报错问题同:Running "flutter pub get" in push_plugin... 0.2sRunning "flutter pub get" in example... 0.3...原创 2020-01-09 00:10:30 · 3211 阅读 · 0 评论 -
Flutter学习笔记(六)Scrolling Widget之ListView、GridView、PageView
Flutter学习笔记(六)Scrolling Widget之ListView、GridView、PageView(有时间补充上内容)原创 2019-12-15 21:13:44 · 347 阅读 · 0 评论 -
Flutter学习笔记(五)组件之Material组件介绍
Flutter学习笔记(五)组件之Material组件介绍原创 2019-12-08 21:21:15 · 772 阅读 · 0 评论 -
Flutter学习笔记(四)万物皆Widget,Widget介绍
Flutter学习笔记(四)万物皆Widget,Widget介绍原创 2019-12-01 23:16:18 · 369 阅读 · 0 评论 -
Flutter学习笔记(三)Dart语言介绍
Flutter学习笔记(三)Dart语言介绍原创 2019-11-24 22:18:36 · 278 阅读 · 0 评论 -
Flutter学习笔记(二)Flutter开发环境搭建
Flutter学习笔记(一)Flutter开发环境搭建(Mac版)原创 2019-11-17 23:42:12 · 499 阅读 · 0 评论 -
Flutter学习笔记(一)Flutter基本介绍
LONG LONG AGO 移动开发还是那个用原生语言开发的时代,我也是在那时候接触的移动端开发。原生应用程序是某一个移动平台(比如iOS或安卓,还有很早的WP,不过WP已死……)特有的应用,使用其相应平台支持的开发工具和语言,并直接调用系统提供的SDK API。比如Android原生应用就是指使用Java或Kotlin语言直接调用Android SDK开发的应用程序;而iOS原生应用就是指通过...原创 2019-11-03 15:34:34 · 635 阅读 · 0 评论 -
Flutter Clipboard 粘贴板使用:
在Flutter 提供了Clipboard跟ClipboardData用来操作系统的复制粘贴。///设置要复制到粘贴板中的内容@immutableclass ClipboardData { /// Creates data for the system clipboard. const ClipboardData({ this.text }); /// Plain text v...原创 2019-08-22 16:56:07 · 7043 阅读 · 0 评论 -
flutter 开发者帮助 APP Flutter GO2.0来袭!
前几天谷歌发布了Flutter1.9版本,并且吧flutter web合并到了master,看了谷歌在Flutter的路上越走越远。作为移动端的开发者,Flutter给我们提供一个很不错的跨平台开发的方式。本人也以为工作的原因,用上了Flutter,开始其实我是拒绝的,现在我只想说:“真香”!今天分享一个由Alibaba开源的一个对上手Flutter 有帮助的APP: Flutter GO。F...原创 2019-09-19 20:59:17 · 2560 阅读 · 0 评论