手机浏览 RSS 2.0 订阅 膘叔的简单人生 , 腾讯云RDS购买 | 超便宜的Vultr , 注册 | 登陆
浏览模式: 标准 | 列表2024年11月的文章

flutter 中 getx 如何监听list

 正常情况下,我们都知道,flutter使用getx的时候,只要在Obx方法中都可以监听变量的变更,同时会局部刷新Obx包裹的Widget,但如果GetxController绑定的变量是list的时候,你会发现,无论你怎么 处理,Widget都不刷新。

有个最简单的办法:在设置变量的时候,同时让他refresh一下。比如:

count.value.add(1);

count.refresh();

这时候再看Widget就都更新了。

纯记录

mac触摸版3指以上功能失效的解决方法

 在使用mac的时候,偶尔会出现触摸板3指以上的功能失效,这个太影响使用了,毕竟mac最有用的功能,我感觉就是窗口切换。。。触摸板在外接键盘后,这就是我唯一的功能了,如果他也失效,那实在令人痛苦

 
这时候有一个快速解决方案,那就是:打开活动监视器,找到程序坞,强制退出,这时候程序坞会自动重启,再试一下三指功能,恢复正常~
或者终端,killall Dock。也是同样的原理~

'MACOSX_DEPLOYMENT_TARGET' is set to 10.6, but the range of supported deployment target versions is 10.9 to 12.3.99.

在开发flutter的macOS版时,报这个错误:./macos/Pods/Pods.xcodeproj: warning: The macOS deployment target 'MACOSX_DEPLOYMENT_TARGET' is set to 10.6, but the range of supported deployment target versions is 10.9 to 12.3.99. 

可以很明确的看到文件是:/macos/Pods/Pods.xcodeproj,虽然这个warning并不影响程序的运行,看确实看了不舒服,于是打开/macos/Pods/Pods.xcodeproj,搜索:MACOSX_DEPLOYMENT_TARGET,一共有3处,将他对应的值10.6,修改为10.9,问题解决。

 

flutter 如何设置桌面APP的最小宽高

 在Windows和MacOs上面程序的宽高是可以随便拖拉的,不象ios/android,总归是一定固定的宽高。为了保证部分输入框或者界面在拖拉时不会UI越界,所以就要设定一个最小宽高。当然你要为了保险,你可以  强制设定最小值和最大值一致,也就是让APPi窗口固定大小。但一般我们都只是限定最小值。。。毕竟,最大的话,丑就丑了(反正我没有UI设计师)

基于此,官方的flutter-desktop--embedding有一个插件:window_size,由于他没有发布到pub.dev,因此只能通过手动改pubspec.yml方法来进行加载

修改:pubspec.yml,在dependencies下增加:

XML/HTML代码
  1. window_size:  
  2.   git:  
  3.     url: https://github.com/google/flutter-desktop-embedding.git  
  4.     path: plugins/window_size  
  5.     ref: a738913c8ce2c9f47515382d40827e794a334274  

 

ref的话,可以直接去github上看,用最新的即可。

然后可以在runApp前进行判断,最简单的办法就是2行代码:

XML/HTML代码
  1. if(Platform.isMacOS || Platform.isWindows) {  
  2.     if( MediaQueryData.fromWindow(window).size.width < 640 ||  MediaQueryData.fromWindow(window).size.height < 480){  
  3.         window_size.setWindowSize(const Size(640,480))  
  4.     }  
  5. }  

 

当然实际情况得从自身出发,不能这样随意。。

参考:

1、flutter桌面版开发设置窗口大小(最小尺寸、最大尺寸、固定尺寸),窗口标题。 | 码海无涯 (yefei572.github.io)

2、flutter-desktop-embedding/README.md at master · google/flutter-desktop-embedding (github.com)

后续就要看看这个什么时候更新了:flutter-desktop-embedding/plugins/menubar at master · google/flutter-desktop-embedding (github.com),这个一更新。menubar就可以派用场了。

 ---EOF

后记:目前还没有判断窗口resize的事件,理论上应该要判断这个。后面会尝试加上

flutter打包android apk和macos等步骤

 用flutter开发后要打包时,需要对项目目录进行微调

1、android,要将keystore进行注册和设置,如果有开发中对minSdkVersion有过微调,这里就不用管了。毕竟每个项目都不一样,但keystore可以一样
   参考:Android平台签名证书(.keystore)生成指南 - DCloud问答生成keystore。
   其实就是一句:keytool -genkey  -keyalg RSA -keysize 2048 -validity 36500 -keystore test.keystore -alias testalias
   这里面看着keystore和alias,因为最终要在flutter里设置这两个玩意
 
   OK,生成完后,在flutter项目的android下创建:key.properties,输入4行
XML/HTML代码
  1. storePassword=123456  
  2. keyPassword=123456  
  3. keyAlias=testalias  
  4. storeFile=/Users/gouki/test.keystore  
keyAlias,对应了刚才上面的-alias,storeFile,对应了实际路径,可以在项目外,反正只要能够访问得到。
 
然后修改build.gradle,参考 localProperties的写法,加入:
XML/HTML代码
  1. def keystorePropertiesFile = rootProject.file("key.properties")  
  2. def keystoreProperties = new Properties()  
  3. keystoreProperties.load(new FileInputStream(keystorePropertiesFile))  
然后找到buildTypes,会发现里面一有一句:signingConfig signingConfigs.debug,其实你搜索整个文件,都找不到signingConfigs这个节点。所以理所当然的,将debug改成release,在和buildTypes的同级,增加:
XML/HTML代码
  1. signingConfigs {  
  2.     release {  
  3.         keyAlias keystoreProperties['keyAlias']  
  4.         keyPassword keystoreProperties['keyPassword']  
  5.         storeFile file(keystoreProperties['storeFile'])  
  6.         storePassword keystoreProperties['storePassword']  
  7.     }  
  8. }  
保存,然后flutter build apk 即可。
Running Gradle task 'assembleRelease'...                           43.0s
✓  Built build/app/outputs/flutter-apk/app-release.apk (32.9MB).
 
 
2、macos ,相对更方便了,如果没有特殊的调整,其实基本上在开发的时候都有修改过了,即:在macos/Runner下,修改DebugProfile.entitlements和Release.entitlements,增加:
XML/HTML代码
  1. <key>com.apple.security.network.server</key>  
  2. <true/>  
  3. <key>com.apple.security.network.client</key>  
  4.    <true/>  
否则,读取不了网络。。
 
flutter build macos
 
---
最后打完后一看。。。我10M左右的assets,最终打完包:
android apk  32.9M
macos   xxx.app 55.6M
 
项目完成,这是我第一次完整的写完一个flutter项目(还差一个自动更新)。之前都是用uniapp打包的。
代码还没有优化,当然其实在写的过程中已经反复过好几次了,有为了性能上的,有为了显示上的,但怎么说,完成比完美更重要。如果没有完成,天天完善,最后一个APP都出不来。。。完成了,还有机会去完善(虽然可能只是口号)。。。