diangedan-优快云博客

原创 uniapp 热更新后台管理

热更新 4. 在中添加以下配置运行项目到Chrome

2022-06-21 10:15:22 978

官网:极光Aurora Mobile-中国领先的企业营销增长服务供应商，助力企业运营、增长和变现SDK地址:https://github.com/jpush/jpush-flutter-pluginjpush_flutter | Flutter PackageSDK地址:jpush_flutter | Flutter Package// pub 集成dependencies: jpush_flutter: 2.2.3配置Android:在/android/app/...

2022-03-24 09:16:17 2461

原创屏幕适配字体适配

class AppScreen { static var screen; static var width; static var height; static var top; static var bottom; AppScreen(BuildContext context) { //screen.padding.top //状态栏 //screen.size.width //屏幕宽度 //screen.size.height //屏幕高度 s.

2022-03-11 15:31:50 217

原创 Flutter包大小优化

1 包大小分析优化思路图片优化移除冗余的二三库启用代码缩减和资源缩减构建单ABI架构的包图片优化Flutter资源中占比较多的一般是图片，对于图片的优化常用的有两个方案：图片压缩：对于过大的图片可以使用TinyPNG – Compress WebP, PNG and JPEG images intelligently进行压缩，使用压缩后的图片使用网络图片：也可根据业务需要将本地图片改为网络图片；移除冗余的二三库随着业务的增加，项目中会引入越来越多的二三方库，其中有

2022-03-11 14:14:33 641

原创 Flutter 性能优化

内存优化要进行内存优化首先我们需要了解下内存的检测手段，这样我们才好进行内存优化前后的效果对比。Flutter性能检测工具Flutter Performance在 IDE 的 Flutter plugin 中提供了Flutter Performance工具，它是一个可用来检测Flutter滑动帧率和内存的工具。我们可以从IDE的侧边栏中打开这个工具，也可以借助Dart DevTools来查看内存的使用情况：此时可以打开一个页面或进行一些操作来观察内存的变化，如果内存突然增...

2022-03-11 13:47:42 618

原创 Flutter 全局异常的捕捉

Flutter Key的作用:当你有一系列的 widget 使用的是同样的类; 不给Flutter 传 Key的话，Flutter 有时候就会分不清楚他们的对应关系。尤其是widget 顺序发生改变的时候。这个是就需要我们通过 Key 来标识 Widgetwidget并不是实际出现在屏幕上的东西...

2022-03-10 16:38:20 3080 1

原创 Flutter key的作用

Flutter Key的作用:当你有一系列的 widget 使用的是同样的类; 不给Flutter 传 Key的话，Flutter 有时候就会分不清楚他们的对应关系。尤其是widget 顺序发生改变的时候。这个是就需要我们通过 Key 来标识 Widget...

2022-03-09 19:50:54 3281

原创 Flutter 约束尺寸位置

先看一下，下面这段代码：body: Container( width: 400, height: 400, color: Colors.blue, child: Container( width: 100, height: 100, color: Colors.orange, child: const FlutterLogo( size: 50, ), ),),我们：想要的是 400*400 蓝色底，100*100橘色的底，

2022-03-08 15:58:41 537

原创自定义下拉刷新头

import 'package:flutter/material.dart';import 'package:lottie/lottie.dart';import 'dart:async';import 'package:pull_to_refresh/pull_to_refresh.dart';import 'package:flutter/cupertino.dart';class ListViewPulltoRefresh extends StatelessWidget { @ove.

2022-03-02 10:55:39 496

原创列表图片缓存与加载优化

在Flutter框架中内置的图片缓存实现都是基于内存的，并没有进行本地文件持久化存储默认情况，Flutter支持1000张的图片缓存到本地，并且这些图片的总计大小不得超过100MB PaintingBinding.instance.imageCache.maximumSize=2000; //最多2000张 PaintingBinding.instance.imageCache.maximumSizeBytes = 200 << 20; //最大200M图片缓存会对内存造成一定

2022-03-02 10:53:42 1500

原创 ListView里嵌套GridView使用和报错.

@override Widget build(BuildContext context) { return Container( child: ListView( addAutomaticKeepAlives: false, children: [ WgBanner(bannerList), GridView.count( physics: const Nev...

2022-03-01 15:54:07 119

原创空安全..

单例的空安全适配空安全修改前class HiNet { HiNet._(); static HiNet _instance; static HiNet getInstance(){ if(_instance == null){ _instance = HiNet._(); } return _instance; }}修改后class HiNet { HiNet._(); static HiNet? _instance; sta..

2022-02-11 17:12:05 993

原创 IOS打开文件标题乱码

previewFile(item) { // this.previewFileBtn(item.url, item.fileName, (err) => { this.$api.msg(err) }) const _self = this upload.previewFile(item.fileUrl, function(err) { _self.$api.msg(err) }, item.fileName) }const.

2022-01-24 18:09:47 2845

原创混合开发热加载

在做Flutter开发的时候，它带有热重启/重新加载的功能，但混合开发中在Android项目中集成了Flutter项目，Flutter的热重启/重新加载功能好像失效了,重启加载的步骤打开一个模拟器，或连接一个设备到电脑上；关闭我们的APP，然后运行flutter attach； $ cd flutter_hybrid/flutter_module$ flutter attachWaiting for a connection from Flutter on Nexus 5X..

2021-12-15 13:26:28 2011

原创 shared_preferences本地存储操作

简单的，异步的，持久化的key-value存储系统；在Android上它是基于SharedPreferences的；在iOS上它是基于NSUserDefaults的；dependencies: shared_preferences: ^0.5.1+import 'package:shared_preferences/shared_preferences.dart';存储数据final prefs = await SharedPreferences.getInstance();

2021-12-14 16:35:57 825

原创异步：Future与FutureBuilder

什么是FutureFuture表示在接下来的某个时间的值或错误，借助Future我们可以在Flutter实现异步操作。它类似于ES6中的Promise，提供then和catchError的链式调用；Future是dart:async包中的一个类，使用它时需要导入dart:async包，Future有两种状态：pending - 执行中； completed - 执行结束，分两种情况要么成功要么失败；Future的常见用法使用future.then获取future的值与捕获futu

2021-12-14 16:23:15 1652

原创基于Http实现网络操作

如何用http库做get请求？在pubspec.yaml中引入http插件； dependencies: http: <latest_version> 调用http.get发送请求 Future<http.Response> fetchPost() { return http.get('https://jsonplaceholder.typicode.com/posts/1');}http.get()返回一个包含http.Response的Futu

2021-12-14 15:45:10 884

原创图片控件详解

Image支持如下几种类型的构造函数：new Image- 用于从ImageProvider获取图像； new Image.asset- 使用key 从AssetBundle获得的图像； new Image.network- 从网络URL中获取图片； new Image.file- 从本地文件中获取图片； new Image.memory- 用于从Uint8List获取图像； Image支持的图片格式 Image 支持以下类型的图片：JPEG, PNG, GIF, Anima...

2021-12-14 15:23:43 1711

原创 IOS打开flutter页面,并传值

首先，创建Flutter module；为已存在的iOS应用添加Flutter module依赖；创建flutter_module, flutter_module和IOS项目同级flutter create -t module flutter_module为已存在的iOS应用添加Flutter module依赖 1 创建Podfile:pod init 2PodfilePodfilePodfile的参考配置：# Step1...

2021-12-06 10:20:55 1970

原创 Flutter与原生通信的3种方法(Android)

.......

2021-11-24 19:44:35 2247

原创 Android嵌套Flutter并传值

Android端代码package com.wk.flutterhybridandroid;import androidx.appcompat.app.AppCompatActivity;import androidx.fragment.app.FragmentTransaction;import io.flutter.embedding.android.FlutterFragment;import android.os.Bundle;import android.view.View;p

2021-11-24 19:43:43 1902

原创 eventBus 事件广播

event_bus 主要是实现不同组件之间的数据传值，以及在一个组件中执行另一个组件的方法。https://pub.dev/packages/event_busimport 'package:event_bus/event_bus.dart';//Bus 初始化EventBus eventBus = EventBus();class ProductContentEvent { String text; ProductContentEvent(String text){ this

2021-11-23 16:27:10 206

原创 provider 的使用

当我们想在多个页面（组件/Widget）之间共享状态（数据），或者一个页面（组件/Widget）中的多个子组件之间共享状态（数据），这个时候我们就可以用 Flutter 中的状态管理来管理统一的状态（数据），实现不同组件直接的传值和数据共享。https://pub.dev/packages/provider1新建一个文件夹叫 provider，在 provider 文件夹里面放我们对于的状态管理类2、在 provider 里面新建 Counter.dart3、Counter.dart .

2021-11-23 15:40:17 1399

原创 Flutter更新showDialog以及showModalBottomSheet中的状态中的内容

Flutter更新showDialog以及ModalBottomSheet中的状态中的内容1、Flutter更新showDialog中的状态中的内容很多人在用showDialog的时候应该都遇到过这个问题，使用showDialog后，通过setState()无法更新当前dialog。其实原因很简单，因为dialog其实是另一个页面，准确地来说是另一个路由，因为dialog的关闭也是通过navigator来pop的，所以它的地位跟你当前主页面一样。这个概念一定要明确，因为无论在Android或iOS中

2021-11-23 14:45:17 1815

空空如也

空空如也