开篇flutter

1. 推荐一个 Flutter 和 .NET 开源的实时聊天 APP Heyy-chat-app Heyy-chat-app 是一个开源的聊天应用，使用 Flutter、Asp.Net Core Web Api、SignalR、WebRTC 等技术构建的。 Flutter 作为用户客户端。 Asp. ......

import 'package:flutter/material.dart'; class PageSwiper extends StatefulWidget { const PageSwiper({super.key}); @override State<PageSwiper> createSta ......

child和children用于在一个容器小部件（如Container、Column、Row等）中放置一个或多个子小部件 1.child属性用于容器只包含一个子小部件的情况； 2.children属性用于容器包含多个子小部件的情况。 Center小部件（居中、定位、多个方向上居中） Center小部 ......

使用 SystemChrome 类来控制系统 UI 元素的显示和隐藏 import 'package:flutter/material.dart'; import 'package:flutter/services.dart'; void main() { runApp(MyApp()); } cl ......

方法一 SystemChrome.setEnabledSystemUIMode(SystemUiMode.manual, overlays: [SystemUiOverlay.bottom]); //隐藏状态栏 上方黑边 SystemChrome.setEnabledSystemUIMode(Sys ......

AlertDialog showDialog( barrierDismissible, //点击遮罩背景是否关闭弹窗 context: context, builder: (context) { return AlertDialog( title: const Text('Alert弹窗'), co ......

基于 Chromium 的浏览器占了全球市场的 7 成！对于前端开发来说，Chrome 更是形影不离的饭碗级软件 ?。既然 Chrome 这么重要，那么把它研究透一定大有裨益。在我看来，Chrome 值得深入研究的地方有两块：DevTools 和 Extension。 ......

代码 import 'package:flutter/material.dart'; import 'package:intl/intl.dart'; import 'dart:async'; import 'package:intl/date_symbol_data_local.dart'; // ......

使用MediaQuery和比例因子 优点：使用简单，可以处理大多数情况下的屏幕适配需求。 缺点：需要手动计算比例因子，并且随着UI元素变得更加复杂和层次化（例如多层次列表或动画效果），使用此方法可能会变得更加困难。 import 'package:flutter/material.dart'; cl ......

//普通跳转 Navigator.pushNamed(context, '/search'); //返回上一页 Navigator.of(context).pop(); // 替换路由（重定向） Navigator.of(context).pushReplacementNamed('/categor ......

路由配置 router/router.dart import 'package:flutter/material.dart'; import '../pages/home.dart'; import '../pages/search.dart'; import '../pages/category. ......

better_player 播放器默认不可以修改UI 需要增加投屏按钮 则需要自定义UI 但是自定义UI 需要布局 有需要定义手势动作 还需要监听播放事件 有没可能服用原来的一切 仅仅增加一个投屏按钮呢？ 答案是肯定的 第一步设置主题 默认安卓和IOS 我们设置自定义 BetterPlayerCon ......

Flutter 路由介绍 Flutter中的路由通俗的讲就是页面跳转。在Flutter中通过Navigator组件管理路由导航。 并提供了管理堆栈的方法。如：Navigator.push和Navigator.pop Flutter中给我们提供了两种配置路由跳转的方式：1、基本路由 2、命名路由 Fl ......

AppBar自定义顶部按钮图标、颜色 class MyHomePage extends StatelessWidget { const MyHomePage({super.key}); @override Widget build(BuildContext context) { return Sca ......

由于很多库 跟不上 flutter 因此需要降低版本 查看当前 flutter --verison 降低到上一版本 flutter downgrade 降低到指定版本 // 找到指定的版本 where flutter which flutter // 进入安装位置 cd ~/flutter/ // ......

效果如下 官方需要重写四个关键方法 class searchBarDelegate extends SearchDelegate<String> { /*这个方法返回一个控件列表，显示为搜索框右边的图标按钮，这里设置为一个清除按钮,并且在搜索内容为空的时候显示建议搜索内容，使用的是showSugge ......

1、进入终端下载flutter cd ~/Applications/git clone -b master https://github.com/flutter/flutter.git 2、配置Flutter的环境变量 编辑 .zshrc文件添加环境变量 export PATH=$PATH:/App ......

flutter代码 // main.dart import 'package:flutter/material.dart'; import 'package:flutter/services.dart'; void main() { runApp(const MyApp()); } class My ......

Flutter是Google开源的构建用户界面（UI）工具包，帮助开发者通过一套代码库高效构建多平台精美应用，支持移动、Web、桌面和嵌入式平台。 ......

发生缘由 学习 Flutter 更改 lib 目录下面的 main.dart 文件之后真机调试运行 flutter run 报错： 1 # 小组件库异常 2 ══╡ EXCEPTION CAUGHT BY WIDGETS LIBRARY ╞══════════════════════════════ ......

在使用flutter构建MQTT客户端时，使用的mqtt_client接收中文消息时会显示乱码。下面是对乱码的分析与解决。 分析 经过网络搜索后发现MQTT消息乱码与消息发送和接收的编码、解码不匹配有关，所以查看消息的发送与接收函数，函数如下。 MqttPublishPayload.bytesToS ......

出现错误原因：ios的系统和xcode支持的版本不匹配，有以下几种情况 运行和打包的IOS版本过高，例如xcode的版本是一年前的版本，当时最高支持16.2，可一年后你要安装的手机ios版本已经是16.7了 xcode的版本过低，最高支持的不符合ios当前版本 解决方法： 一、直接升级xcode版本 ......

目录下载 Flutter SDK配置 Flutter 环境变量及镜像检查开发环境参考 下载 Flutter SDK flutter官网下载：https://flutter.io/sdk-archive/#macos 若上述链接无法访问，可通过GitHub下载 https://github.com/f ......

使用flutter build web命令打包的应用不包含上下文，只能部署在根目录。如何指定上下文，部署在子目录下呢？ 有两种办法： 1.修改web/index.html文件 修改 <base href="$FLUTTER_BASE_HREF"> 标签 中href的值，改成你想要的上下文 然后再打包 ......

笔者进行软件编程已经有十多年的时间了。这些年，最主要的学习内容在开始的那些年，后面因为转了管理方向，所以其它技术内容就是知道有这么个东西，但是没实际去编程。这段时间没啥事，就想把原来的代码进行下重构，解决一些技术问题，然后，就想着把编程这类事情做一个指导系列的文章，用来记录下编程开发的过程例子，于是 ......

​🚀Flutter应用程序加固的问题及解决方案引言在移动应用开发中，为了保护应用程序的安全性，开发者需要对应用进行加固。在使用Flutter技术进行应用程序开发时，也需要注意应用程序的安全问题和加固方案。本文将介绍在Flutter应用程序加固过程中可能出现的问题，并提供相应的解决方案。通过学习本文 ......

​ 引言 在移动应用程序开发中，保护应用程序的代码和数据安全至关重要。本文将探讨如何对Flutter应用程序进行混淆、优化和保护，以提高应用程序的安全性和隐私。 一、混淆原理 混淆是一种代码保护技术，通过修改源代码或编译后的代码，使其难以阅读和理解。混淆的主要目的是提高反编译和逆向工程的难度。通常， ......

​ Flutter App混淆加固、保护与优化原理 引言 在移动应用程序开发中，保护应用程序的代码和数据安全至关重要。本文将探讨如何对Flutter应用程序进行混淆、优化和保护，以提高应用程序的安全性和隐私。 一、混淆原理 混淆是一种代码保护技术，通过修改源代码或编译后的代码，使其难以阅读和理解。混 ......

🚀Flutter应用程序的加固原理 在移动应用开发中，Flutter已经成为一种非常流行的技术选项，可以同时在Android和iOS平台上构建高性能、高质量的移动应用程序。但是，由于其跨平台特性，Flutter应用程序也面临着一些安全风险，例如反编译、代码泄露、数据泄露等问题。为了保护Flutte ......

​ 在移动应用开发中，Flutter已经成为一种非常流行的技术选项，可以同时在Android和iOS平台上构建高性能、高质量的移动应用程序。但是，由于其跨平台特性，Flutter应用程序也面临着一些安全风险，例如反编译、代码泄露、数据泄露等问题。为了保护Flutter应用程序的安全性，开发者需要进行 ......