获取屏幕相关MediaQueryData mq = MediaQuery.of(context);// 屏幕密度pixelRatio = mq.devicePixelRatio;// 屏幕宽(注意是dp, 转换px 需要 screenWidth * pixelRatio)screenWidth = mq.size.width;// 屏幕高(注意是dp)screenHeight = mq.size.

一、前言Flutter 所使用的 Dart 语言具有垃圾回收机制，有垃圾回收就避免不了会内存泄漏。在 Android 平台上有个内存泄漏检测工具 LeakCanary[1]， 它可以方便地在 debug 环境下检测当前页面是否泄漏。本文将会带你实现一个 Flutter 可用的 LeakCanary，并讲述怎么用该工具检测出了 1.9.1 Framework 上的两个泄漏。二、Dart 中的弱引用在

Flutter的菜鸟教程一:第一个Flutter应用Flutter的菜鸟教程二:最简单的MaterialAppFlutter的菜鸟教程三:Row/Column布局Flutter的菜鸟教程四:ListViewFlutter的菜鸟教程五:ContainerFlutter的菜鸟教程六:StackFlutter的菜鸟教程七:CardFlutter的菜鸟教程八:侧滑删除Flu...

项目结构image.png-RouterMap页面，所有的页面都必须注册路由import React from 'react'import { Router, Route, IndexRoute } from 'react-router'import App from '../containers'import Home from '../cont

Flutter的菜鸟教程一:第一个Flutter应用Flutter的菜鸟教程二:最简单的MaterialAppFlutter的菜鸟教程三:Row/Column布局Flutter的菜鸟教程四:ListViewFlutter的菜鸟教程五:ContainerFlutter的菜鸟教程六:StackFlutter的菜鸟教程七:CardFlutter的菜鸟教程八:侧滑删除Flu...

class HomePageState extends State{final topTitles = ['审批单', '机票列表', '客服'];final topIcons = ['assets/home/approval.png', 'assets/home/air_ticket.png', 'assets/home/service.png'];@overrideWidget build(B

Flutter 在生命周期里 使用观察者 监听键盘展开、关闭 或者 其他操作我这里的代码是 收起键盘时 关掉输入框的焦点首先with WidgetsBindingObserve1.在初始化时 添加观察者WidgetsBinding.instance.addObserver(this);@overridevoid initState() {//implement initStatesuper.ini

1、在自组件中重要的是 这句代码GlobalKey<_ChildState> globalKey = GlobalKey();import 'package:flutter/material.dart';GlobalKey<_ChildState> globalKey = GlobalKey();class Child extends StatefulWidget {Chi

Web 开发有一个经典问题：「浏览器中从输入 URL 到页面渲染的这个过程中都发生了什么？」据我考据这个问题起码有十年历史了。在日新月异学不动的前端圈子里，这个问题能一直被问，就是因为因为它是个非常好的问题，涉及非常多的知识点，平时做一些性能优化，都可以从这个问题出发，分析性能瓶颈，然后对症下药进行优化。不过今天我们不谈 Web 的性能优化，只是借助刚刚的那个那个经典问题的分析思路，从 React

不经意间看到了某个官网的动态效果~实在是太帅啦！十分地友好查了查实现该效果地技术 —— 原来是Three.js那就让我来从零初尝Three.js动态3D效果吧✨✨有大量案例和找寻源码的方法噢✨背景随着当今时期前端地愈来愈普及，页面实现的效果真的是越来越棒！随着数字图像处理、人工智能技术的发展展示给用户的视觉效果便不局限于平面的2D视觉效果开始注重于全方位的3D立体展示效果力求对于商品的361度地无