flutter
Flutter搭建
目录下载 Flutter SDK配置 Flutter 环境变量及镜像检查开发环境参考 下载 Flutter SDK flutter官网下载：https://flutter.io/sdk-archive/#macos 若上述链接无法访问，可通过GitHub下载 https://github.com/f ......
Flutter 修改 APP 名称
flutter pubspec.yaml dependencies: flutter_app_name: ^0.1.0 flutter_app_name: name: "托尼蛋儿" web H5 lib/routes/App.dart import 'package:flutter/cupertin ......
17、Flutter StatelessWidget 、 StatefulWidget
在Flutter中自定义组件其实就是一个类，这个类需要继承StatelessWidget/StatefulWidget。 StatelessWidget是无状态组件，状态不可变的widget StatefulWidget是有状态组件，持有的状态可能在widget生命周期改变。 通俗的讲：如果我们想改 ......
入门 Dart 编程：为 Flutter 开发应用打下基础 审核中
前言： Dart 是一门现代化的、多用途的编程语言，最为广泛应用于移动应用开发中的 Flutter 框架。本篇博客旨在为初学者提供 Dart 编程的基础概念，为进一步探索 Flutter 开发打下坚实基础。 DartPad 演示 🎯首先，让我们熟悉 DartPad，这是一个在线沙盒，用于测试 Da ......
flutter获取网络连接状态
通过使用插件connectivity可以获取到当前设备是否联网，以及当前的网络类型是WIFI还是移动 然后将最新版本添加到 Flutter 项目配置文件中 获取网络类型 //获取网络类型 String _netType; void isConnectedType() async { //获取网络连接 ......
16、Flutter Wrap组件 实现流布局
Wrap可以实现流布局，单行的Wrap跟Row表现几乎一致，单列的Wrap则跟Column表现几乎一致。但 Row与Column都是单行单列的，Wrap则突破了这个限制，mainAxis上空间不足时，则向crossAxis上 去扩展显示。 Wrap组件的使用 //自定义按钮组件 class MyAp ......
15、Flutter 按钮组件
按钮组件的属性 ButtonStylee里面的常用的参数 ElevatedButton ElevatedButton 即"凸起"按钮，它默认带有阴影和灰色背景。按下后，阴影会变大 class MyApp extends StatelessWidget { const MyApp({super.key ......
手机直播源码，Flutter 中的弹簧按钮效果
手机直播源码，Flutter 中的弹簧按钮效果 import 'package:flutter/material.dart'; class ScaleAnimation extends StatefulWidget { final Widget child; final Function()? on ......
14、Flutter Card组件
Card是卡片组件块，内容可以由大多数类型的Widget构成，Card具有圆角和阴影，这让它看起来有立 体感。 Card实现一个通讯录的卡片 class MyApp2 extends StatelessWidget { const MyApp2({super.key}); @override Wid ......
13、Flutter AspectRatio
AspectRatio的作用是根据设置调整子元素child的宽高比。 AspectRatio首先会在布局限制条件允许的范围内尽可能的扩展，widget的高度是由宽度和比率决定 的，类似于BoxFit中的contain，按照固定比率去尽量占满区域。 如果在满足所有限制条件过后无法找到一个可行的尺寸，A ......
FlutterApp实战·第01天：Flutter安装和配置
前面多文介绍了Dart编程语言的基本语法和语言特性。从本文开始，我们通过一个Flutter App的编码过程，完成Flutter的学习，包括Flutter基础知识，Flutter App启动页，Tab页，个人设置页，SQLite数据库，HTTP API调用，到最后Flutter App打包等…… ......
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只调用一次，达到我获取一次然后拿来显示的目的 这样 ......
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 ......
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 ......