一统天下materialbanner顶部flutter
Flutter/Dart第21天：Dart异步编程（Future/Stream）
Dart库中有大量返回结果为Future或Stream类型的函数，它们都是异步函数，函数的返回结果在构建可能存在耗时操作之后就返回了（如：网络IO操作），而不是同步等到这些耗时操作完成后在返回。关键字async和wait简化了异步编程（如：回调地狱），让异步代码的编写看起来像同步代码一样…… ......
Flutter 路由库fluro快速入门——从库自带的示例上手
Flutter 路由库fluro快速入门——从库自带的示例上手 笔者喜欢Flutter的一点就是其各种库的example读起来都很清晰、很好懂，在上手从来没用过的复杂三方库时基本上看看README+example就可以了。 最近笔者参与的大创项目要开始做App开发了，之前定的开发框架是flutter ......
Flutter 组件技巧 刷新数据
1. 起因 因为组件在创建后，放入widget数之后，就会调用 initState，执行一次里面的内容。 我之前的项目里， 有一个Stack，用来切换子页面，子页面有2级； 在子页面的initState里，我去获取后端的数据，看中了initState只调用一次，达到我获取一次然后拿来显示的目的 这样 ......
var 声明变量的特点：没有块级作用域、存在变量提升 。没有块级作用域，使 var 声明的变量在 if 语句外可以被访问 存在变量提升，使 var 声明的变量提升到当前作用域的顶部
请问函数test最终输出的值是多少？ var a = 1; function test() { console.log(a); if(false) { var a = 2; } } test(); A 1 B 2 C undefined D null 正确答案：C Javascript分为预处理阶段 ......
函数声明提升优先级高于变量声明提升; 提升就是声明(变量/函数)提至当前作用域的最顶部，赋值语句留在原地
执行以下程序，输出结果为（） var a = 2; function fn(){ b(); return ; var a = 1; function b(){ console.log(a); } } fn(); A 1 B 2 C undefined D 抛出异常 正确答案：C 虽然return 语 ......
8、Flutter Paddiing组件
Padding组件处理容器与子元素之间的间距。 class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(BuildContext context) { return Containe ......
7、Flutter GridView网格布局组件
GridView创建网格列表主要有下面三种方式 1、可以通过GridView.count 实现网格布局 一行的 Widget 数量 class HomePage extends StatelessWidget { const HomePage({Key? key}) : super(key: key ......
【Flutter】一文读懂混入类Mixin
【Flutter】一文读懂混入类Mixin 基本介绍 Mixin是一种有利于代码复用，又避免了多继承的解决方案。 Mixin 是面向对象程序设计语言中的类，提供了方法的实现，其他类可以访问 Mixin 类的方法而不必成为其子类；Mixin 为使用它的 Class 类提供额外的功能，但自身却不单独使用 ......
Flutter CocoaPods 报错
报错如下 Warning: CocoaPods not installed. Skipping pod install. CocoaPods is used to retrieve the iOS and macOS platform side's plugin code that responds ......
Docsify 顶部的导航是如何配置
如下图，我们在 Docsify 的文档中配置了一个顶部导航。 下面的步骤对顶部导航的配置进行简要介绍。 配置 有 2 个地方需要这个地方进行配置。 首先需要在 index.html 文件中的 loadNavbar: true, 配置上。 然后再在项目中添加一个 _navbar.md 文件。 在这个文 ......
iOS项目(Swift)，使用Flutter进行混合开发
一、创建flutter_module 先创建flutter module项目，参考官方文档，先cd至目标文件夹，执行命令为 flutter create --template module flutter_module 创建成功后，打开flutter_module项目，打开pubspec.yaml文 ......
flutter 运行的四种模式
Debug（调试）模式 1、 这是开发Flutter应用程序时最常用的模式。可以在真机和模拟器上同时运行。重要用于开发和调试阶段。 2、可以进行热重载，即在不重新启动应用程序的情况下实时更新代码。 3、应用程序会包含用于调试和开发的额外信息和工具（debugging信息、debugger aids（ ......
6、Flutter 列表组件
列表有以下分类： 1、垂直列表 class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(BuildContext context) { return Center( child: L ......
flutter doctor 认证问题
运行flutter doctor发现sdk需要认证，如下图 C:\Users\*****>flutter doctor Flutter assets will be downloaded from https://mirrors.tuna.tsinghua.edu.cn/flutter. Make ......
Flutter TextField组件的使用
Flutter TextField组件 简单的说，这个组件其实就是个输入框。 1. 属性 const TextField({ Key key, this.controller,//控制器 this.focusNode,//焦点 this.decoration = const InputDecorat ......
WINDOWS下结合VSCODE搭建 FLUTTER 开发环境
WINDOWS下结合VSCODE搭建 FLUTTER 开发环境 大致脉络: JDK -> ANDROID SDK -> FLUTTER SDK -> VSCODE Flutter -> Android Emulator JDK 首先是下载和配置 JDK 。这一步比较简单：下载 JDK 的压缩包，解压 ......
1、Flutter把内容单独抽离成一个组件
//代码块 importM import 'package:flutter/material.dart'; void main() { runApp( MaterialApp( theme: ThemeData( primarySwatch: Colors.yellow //导航栏颜色 ), hom ......
Flutter GetX的简单使用
1、pubspec.yaml添加get依赖，再更新项目包依赖 dependencies: get: ^4.6.5 2、更改main文件如下： import 'package:flutter/material.dart'; import 'package:get/get.dart';import 'p ......
Flutter开发实践：环境配置有哪些注意事项？
你是不是曾经在代码里把UI、业务逻辑、网络请求混在一个类里，看起来像一锅大杂烩？我也这样做过 ✋。总而言之，APP开发是困难的。像领域驱动设计Domain-Driven Design (DDD) 之类的书可以帮助我们开发复杂的软件工程项目。DDD的核心是model，是我们要解决的问题需要掌握的重要知 ......
Flutter/Dart第20天：Dart 3.0新特性之类型修饰符
Dart 3.0版本新增了很多新特性，包括有名的健全的空安全；同时针对类型（包括Mixin），除之前的abstract修饰符之外，还增加了base，final，interface和sealed等修饰符。今天我们来一起看下，这些类型修饰符，它们有哪些使用场景、使用时有哪些约束，和如何组合使用…… ......
Flutter/Dart第19天：Dart高级特性之扩展方法（Extension methods）
扩展方法（Extension methods）是Dart语言的另一个高级的特性，我们可以在不改变、不继承原类型或类情况下，给类型或类增加方法，增强其功能。在Java中，我们经常看到StringUtils/MapUtils等String/Map类型的工具类，但是在Dart中，这些工具类统统不需要，因为... ......
Flutter Stack 做页面切换
从名字上看，这个容器就是堆。 效果是能让自己内部的子组件重叠放置，严格意义上来说，我认为他可以算是一个布局容器，就像Row，Column一样。 下面是网上找的例子（主要我懒的现写了） class CustomStack extends StatelessWidget { @override Widg ......
即构音视频 Express Flutter SDK 全面支持空安全
Flutter 是一套移动 UI 框架，可以快速在 iOS、Android 上构建高质量的原生用户界面。作为其官方语言 Dart 是类型安全的，当开发者获取变量的时候，编译器可以保证变量的类型，但类型安全并不保证获取的变量不是null。 在 GitHub 上有非常多因为null导致 Dart 代码出 ......
uniapp 动态修改顶部导航栏右侧按钮 titleNView（APP-PLUS、H5）
1 <script> 2 export default { 3 onReady() { 4 // 已渲染 5 var pages = getCurrentPages(); 6 var page = pages[pages.length - 1]; 7 8 // #ifdef H5 9 documen ......
我们在开发第一个flutter小程序时需要注意什么
Flutter这些年发展的很快，特别是在 Google 持续的加持下，Flutter SDK 的版本号已经来到了 3开头，也正式开始对 Windows、macOS 和 Linux 桌面环境提供支持。如果从 Flutter 特有的优势来看，我个人认为主要是它已经几乎和原生的性能表现没什么太大的差别，这... ......
直播系统代码，flutter手写一个底部导航栏
直播系统代码，flutter手写一个底部导航栏 使用方式如下： @override Widget build(BuildContext context) { return Scaffold( backgroundColor: Colors.white, bottomNavigationBar: XX ......
手机直播源码，Flutter 自定义 虚线 分割线
手机直播源码，Flutter 自定义 虚线 分割线 学习使用Flutter 进行 虚线 自定义控件 练习 // 自定义虚线 （默认是垂直方向）class DashedLind extends StatelessWidget { final Axis axis; // 虚线方向 final doubl ......
app直播源代码，Flutter 宽高自适应
app直播源代码，Flutter 宽高自适应 工具类代码如下： import 'dart:ui';class HYSizeFit { static double screenWidth = 0.0; static double screenHeight = 0.0; static double ph ......
flutter 快速生成模型文件
安装依赖 flutter packages add build_runner flutter packages add json_serializable 定义文件 lib/models/user.dart import 'package:json_annotation/json_annotatio ......
Flutter web开发
dependencies: flutter: sdk: flutter dio: ^5.3.3 get: ^4.6.6 shared_preferences: ^2.2.2 firebase_core: ^2.5.0 firebase_analytics: ^10.1.1 firebase_perf ......