一统天下 底部snackbar flutter
Flutter Getx 路由管理
GetX 为我们封装了 Navigation ,无需 context 可进行跳转,使用 GetX 进行路由跳转非常的简单, 只需要调用 Get.to() 即可进行路由跳转, GetX 路由跳转简化了跳转动画设置 、动画时长定义、动画 曲线设置。 Get.to()实现普通路由跳转 一、设置应用程序入口 ......
flutter android grandle buid.gradle
build setting buildscript { ext.kotlin_version = '1.5.20' repositories { // google() // mavenCentral() maven{ url 'https://maven.aliyun.com/repository ......
Flutter 自定义一个右侧可滑动 左侧为按钮的组件
var topicList = ["圈子话题1","圈子话题2","圈子话题3","圈子话题4-天气很好","圈子话题5","圈子话题6"]; @override Widget build(BuildContext context){ return SizedBox( height:ScreenUt ......
大一统的监控探针采集器 cprobe
需求背景 监控数据采集领域,比如 Prometheus 生态有非常多的 Exporter,虽然生态繁荣,但是无法达到开箱即用的大一统体验,Exporter 体系的核心问题有: 良莠不齐:有的 Exporter 写的非常棒,有的则并不完善,有些监控类别甚至有多个 Exporter,选择困难 写法各异: ......
Flutter 项目运行到ios模拟器报错 : Error (Xcode): SDK does not contain 'libarclite'
Flutter 项目运行到ios模拟器报错: Error (Xcode): SDK does not contain 'libarclite' at the path '/Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefaul ......
Flutter GetX的事件监听
Flutter GetX的事件监听 import 'package:flutter/material.dart'; import 'package:flutter_code/page/book/bookEntity.dart'; import 'package:get/get.dart'; clas ......
Flutter Getx 状态管理 --- (依赖管理) GetxController
Flutter Getx 简单的状态管理(依赖管理) GetxController Getx 依赖管理简介 Get有一个简单而强大的依赖管理器,它允许你只用1行代码就能检索到与你的Bloc或Controller相同的 类,无需Provider context,无需inheritedWidget。 C ......
Flutter Getx 状态管理 --- 响应式状态管理器
状态管理 Get 并不是比任何其他状态管理器更好或更差,而是说你应该分析这些要点以及下面的要点来选择只用 Get,还是与其他状态管理器结合使用。 Get不是其他状态管理器的敌人,因为Get是一个微框架,而不仅仅是一个状态管理器,既可以单独使 用,也可以与其他状态管理器结合使用。 Get有两个不同的状 ......
【独立闯天下】Prim新传奇!原团队的Blazor版本迟迟无音,合并请求石沉大海。于是,我们决定单干!加入Prime Blazor版项目,一起开创崭新的旅程吧!
共建Prime的Blazor版:为开源社区注入新活力 Prime组件库作为一款广受欢迎的开源组件库,一直以来都备受开发者们的青睐。然而,随着技术的不断发展和更新,原团队的Blazor版本似乎已经逐渐失去了活力,长时间没有得到更新和维护。在这样的背景下,一群热爱开源、热衷于Blazor技术的开发者们决 ......
Flutter Getx 中的Dialog 以及改变主题
设置应用程序入口 当我们导入依赖后,在应用程序顶层把 GetMaterialApp 作为顶层,如下所示 import 'package:flutter/material.dart'; import 'package:get/get.dart'; void main() { runApp(MyApp( ......
flutter中InheritedWidget共享数据
InheritedWidget是Flutter框架中用于在Widget树中共享数据的机制。它是一个特殊的Widget,可以将其放置在Widget树的上层,并向下传递共享的数据给其子Widget。子Widget可以通过InheritedWidget来获取共享的数据,而不需要通过显式地将数据传递给它们。 ......
uniapp微信小程序-底部tabBar颜色显示问题
uniapp开发微信小程序时遇到底部tabBar文字颜色显示不正确的问题,排查后发现page.json文件内tabBar的颜色必须为Hex格式的才能正常显示。 ......
28、Flutter Key详解
在Flutter中,Key是不能重复使用的,所以Key一般用来做唯一标识。组件在更新的时候,其状态的保 存主要是通过判断组件的类型或者key值是否一致。因此,当各组件的类型不同的时候,类型已经足够 用来区分不同的组件了,此时我们可以不必使用key。但是如果同时存在多个同一类型的控件的时候, 此时类型 ......
flutter TextFormField
TextFormField( maxLength: 20, controller: controller.shippernameController, decoration: InputDecoration( counterText: '',//计数器的显示 border: InputBorder. ......
flutter MaterialApp介绍
MaterialApp 是 Flutter 中常用的一个 widget,它是构建基于 Material Design 风格应用的根组件,主要负责各种全局状态的管理以及定义应用程序的主题样式等。 void main() { runApp(MaterialApp( title: "flutterAPP_ ......
flutter弹窗
AlertDialog: 优点:Material风格的弹窗,具有灵活的布局和样式自定义能力。易于使用,并提供了标题、内容和操作按钮的选项。 缺点:对于复杂的自定义布局和样式可能不够灵活。 BottomSheet: 优点:可以从底部弹出,并适用于需要在当前页面上方提供操作选项的场景。提供了自定义底部弹 ......
Flutter 中常用的视频播放器
Flutter 中常用的视频播放器有很多种,不同的播放器有着各自的优势和缺点。下面是一些常用的视频播放器,以及它们的优势、缺点和性能优化策略。 video_player: 优势:Flutter 官方提供的视频播放器,可支持多种平台,播放效果良好,使用简单。 缺点:不支持更高级的功能和自定义控制选项。 ......
HarmonyOS(ArkTs)自定义底部TabBar
@Entry @Component struct TabNavCustomePage { @State currentIndex:number = 0 private tabsController: TabsController = new TabsController() //自定义组件 @Bui ......
flutter 底部弹出框
getx模式 Get.bottomSheet( isScrollControlled: false, backgroundColor: AppColors.primaryBackground, isDismissible: false, enableDrag: false, Container( d ......
flutter-button小组件
Widget btnFlatButtonWidget({ required VoidCallback onPressed, Widget? text, double width = 140, double height = 44, Color gbColor = AppColors.primaryE ......
了解 Flutter 3.16 功能更新
作者 / Kevin Chisholm 我们在季度 Flutter 稳定版发布会上带来了 Flutter 3.16,此版本包含诸多更新: Material 3 成为新的默认主题、为 Android 带来 Impeller 的预览版、允许添加适用于 DevTools 的扩展程序等等,以及同步推出 Fl ......
Flutter 设置两端对齐
Container( // padding: EdgeInsets.only(left: 20, right: 20), margin: EdgeInsets.only(top: 20, left: 20, right: 20), width: 500, height: 500, decoratio ......
flutter镜像配置
buildscript { ext.kotlin_version = '1.7.10' repositories { maven { url 'https://maven.aliyun.com/repository/public/' } maven { url 'https://maven.aliy ......
Flutter简单的实现Github的2FA认证
一、简单的介绍 OTP(One Time Password)是一种安全措施,用于在用户进行身份验证时增加一层保护。OTP通常是一串随机生成的数字,用于在用户登录过程中作为额外的验证步骤。这些数字通常是临时的,有效期限很短,通常只有几分钟或几秒钟,过了有效期后,该OTP就会失效,需要重新生成。 OTP ......
flutter Row嵌套TextField出错
flutter开发中遇到需求需要Row嵌套TextField,运行后发现代码报错: child: Row( children: [ TextField( decoration: InputDecoration( hintText: "名称" ), ) ], ), 错误码太多了,这里就不贴出来了。 c ......
Flutter定时器
代码 const timeout = Duration(seconds: 3); var t=Timer.periodic(timeout, (timer) { print('afterTimer='+DateTime.now().toString());); // timer.cancel(); ......
Flutter PageView(轮动图)
Flutter中的轮动图以及抖音上下滑页切换视频功能等等,这些都可以通过 PageView 轻松实现 PageView常见属性: PageView 的使用 class MyPage extends StatefulWidget { const MyPage({super.key}); @overri ......
flutter BLoC框架
BLoC(Business Logic Component)是一种在Flutter中用于管理状态和处理业务逻辑的设计模式和架构模式。 BLoC 的核心思想是将应用程序的状态、业务逻辑和UI分离开来,以实现单向数据流。 主要组件组成: Business Logic(业务逻辑): BLoC 本质上是一个 ......
linux arm64 编译 flutter engine
参考: https://github.com/flutter/flutter/wiki/Compiling-the-engine#compiling-for-android-from-macos-or-linux https://github.com/flutter/flutter/wiki/Set ......