接着上一篇，我们做一个这样的APP：开始之前，我发现了一个好玩的东西，每次我们在终端中输入命令：
flutter run
终端里会有这个东西：按照上图所示，我们的进入这个网页看看是个啥:好高大上的感觉，具体是干嘛的，我也不知道，有兴趣的同学可以点进去把玩把玩，以后搞明白了再更吧。第一步先创建一个列表。回到main.dart中，把原来的代码全部清空，复制以下代码：import 'packa
App项目一键换肤功能比较常见了，一般项目都附带有该功能，由于近期项目内也加入了此功能，也顺带记录下过程。由于产品说还想要从后台配置相关配色，通过后台随时控制，所以我反手就给他一个大比兜，然后就开写代码了~ (づ￣3￣)づ╭❤～首先第一步先配置下主题相关：创了一个类专门管理以及处理颜色读取相关：abstract class ThemeColorConfig {
//正常模式、也可读取后台数据模
转载
2023-11-27 18:54:51
286阅读
flutter多版本切换注：无需修改环境变量，也不用重启AndroidStudiomac具体flutter版本切换操作步骤：1、项目clean然后切换自己需要的分支2、删除文件夹flutter目录文件（这里的flutter是原来的符号连接）3、ln -s flutter3.7.7 flutter （在指定目录下执行该命令会生成新的符号连接）4、flutter doctor -v &nb
flutter 版本管理 flutter sdk 版本的选择： 1、Stable：稳定版。近一年中最好的beta版本。官方建议跟踪flutter的stable分支 2、Beta：测试版。每隔几周都会选取近几个月中最好的dev版本作为Beta版。 3、dev：最新的经过完全测试的版本。包含新功能，但可能有一些问题。 4、master：最新版，但未经测试。查看flutter sdk版本号运行:flut
转载
2023-12-31 15:16:05
125阅读
Flutter 上下左右滚动TableFlutter 上下左右滚动Table实现功能适用性使用Widget全部代码存在缺陷引用结尾 Flutter 上下左右滚动Table实现功能可以上下左右滚动可修改多个参数配置实现单独选中某个格子适用性参数：double rowWidth; //单个表宽
double rowHeight; //表格高
List<String> title
转载
2024-01-31 00:59:20
184阅读
前言今天分享一个类似“孔雀开屏”的动画效果，打开新的页面时，新的页面从屏幕右上角以圆形逐渐打开到全屏。先来看下具体的效果不知道这种效果大家叫什么名字？如果有更合适的名字可以在评论处告诉我，下面来说下如何实现此效果。在使用Navigator进入一个新的页面时，通常用法如下：Navigator.of(context).push(MaterialPageRoute(
builder: (context)
# Flutter 开发：如何在 Android Studio 中切换到 iOS 环境
Flutter 是一种非常流行的开源框架，可以同时支持 Android 和 iOS 应用的开发。对于许多开发者而言，在 Android Studio 中进行 Flutter 开发的过程中，可能会遇到需要切换到 iOS 环境的情况。本文将指导你如何在 Android Studio 中切换到 iOS 环境，并提供
原创
2024-08-02 04:52:49
278阅读
BottomNavigationBar是Flutter中的一个常用的组件，它可以在应用的底部显示一排图标和文本，让用户快速地在不同的页面之间切换。 但是，如果你使用过BottomNavigationBar，你可能会发现一个问题：当你切换到另一个页面后，原来的页面的状态就会丢失，比如ListView的滚动位置、输入框内容等。这是因为Flutter为了节省内存，不会保存每个页面的状态，而是每次切换时都
最终效果flutter端,打开flutter项目,会看到以下三个自定义的选项:安卓端,打开对应的安卓项目(即打开android文件夹), 会看到Build Variants下,app有多个环境可选, 分别是test环境的profile、release、debug版; dev环境的profile、release、debug版 和 prod环境的profile、release、debug版iOS端,用
转载
2023-09-24 14:22:26
81阅读
菩提本无树， 程序亦非猿 时不时 8:38 推送优质文章，觉得有用，置顶加星标Hi，船员们好，我是体验了 VSCode 的船长。Flutter 目前支持 Android Studio/Intellij/Visual Studio Code/终端&文本编辑器 四种方式来编写， AS 我已经非常熟悉了，为了挑战下自己（no zuo no die），学一下 VS C
转载
2024-04-09 13:05:04
149阅读
惨兮兮，电脑又要重新装系统，东西都没得了，又要重新装1.下载Flutter SDK环境文件点击直达官网地址
下载所需版本-解压到我们喜欢的路径（我解压到了d盘）2.配置环境变量鼠标右键点击“我的电脑”–>属性–>更改设置–>高级系统设置–>环境变量3.配置用户变量因为我们的网络问题，所以建议你配置两个用户变量，这样子不至于下载flutter文件的时候感到十分崩溃FLUTTE
转载
2024-06-04 06:46:11
82阅读
背景provide是谷歌官方出品的一个状态管理框架 flutter-provide，它允许在小部件树中传递数据，它被设计为ScopedModel的替代品，允许我们更加灵活地处理数据类型和数据为什么需要状态管理在进行项目的开发时，我们往往需要管理不同页面之间的数据共享，在页面功能复杂，状态达到几十个上百个的时候，我们会难以清楚的维护我们的数据状态，本文将以主题切换这个功能使用状态管理来讲解如何在Fl
转载
2023-11-14 22:24:17
78阅读
背景我们知道页面之间如果直接切换，会比较生硬，还会让用户觉得很突兀，用户体验不是很好。因此一般情况下，页面之间的切换为了达到平滑过渡，都会添加动画。另外，有时候我们不喜欢系统的默认动画，希望能够自定义动画。基于此，本篇主要讲述如何给 Flutter 的页面切换增加自定义动画。默认效果首先我们看看默认效果是怎样的？ 看起来似乎还不错。代码如下： import 可以看到创建了两个页面
转载
2023-11-03 12:53:47
341阅读
国际化 - 使Flutter应用程序多语言本文介绍了一种使Flutter应用程序多语言的方法，并允许用户选择除智能手机设置中定义的另一种工作语言之外的其他工作语言。难度：中级前言国际化已经多次解释，可以在这里找到关于这个主题的Flutter官方文档。因为我想正确地理解它，但是因为我需要扩展它以满足我的应用程序的要求，所以我决定写下面的文章来分享我的经验并给你一些提示。要求默认情况下，工作语言应该是
转载
2023-12-22 21:02:52
555阅读
一、前言Flutter 是 Google 开源的 UI 工具包，帮助开发者通过一套代码库高效构建多平台精美应用，Flutter 开源、免费，拥有宽松的开源协议，支持移动、Web、桌面和嵌入式平台。Flutter是使用Dart语言开发的跨平台移动UI框架，通过自建绘制引擎，能高性能、高保真地进行Android和IOS开发。Flutter采用Dart语言进行开发，而并非Java，Javascript这
转载
2024-05-18 21:50:54
104阅读
背景这是之前需求需要实现的效果：一进入页面显示的是品牌广告视图（代号: A），上拉超过一定的距离后，向上翻到相册视图（代号: B）下拉超过一定距离后切换为 A，快速下拉回到顶部的情况下不会切换到 A ！这里的 A 和 B 对应的就是下图效果图中的 AAA 和 BBB 视图实现逻辑定义正在展示的视图类型enum VerticalFlipShowingType {
aaa,
bbb,
}添加变
转载
2023-11-19 09:09:44
570阅读
redux主要由Store、Action、Reducer三部分组成
Store用于存储和管理State
Action用于用户触发的一种行为
Reducer用于根据Action产生新的State
flutter redux流程
Widget通过StoreConnector绑定Store中的St
原创
2022-01-05 15:39:10
174阅读
https://github.com/flutter/flutter/wiki/Flutter-build-release-channels 频道说明页 https:/
原创
2022-12-08 15:22:45
100阅读
1、在自己Mac上安装了Android Studio，打开原来的Flutter项目，由于我是做iOS开发的，自然电脑上有iOS的模拟器，但是Android Studio 上一直是在loading iOS模拟器。2、运行了flutter doctor，如下图所示，主要是我圈圈的这两块，按照提示的指令，进行修复。flutter doctor --android-licensesbrew update
转载
2023-07-14 11:10:02
131阅读
一、更新HomeBrew打开终端输入命令：$ brew update二、下载Flutter的SDK
官网 -> Get Started -> Install -> MacOS -> Flutter SDK 解压：我们可以直接拖拽双击 也可以使用命令$ cd ~/development
$ unzip ~/Downloads/flutter_macos_2.2.3-stabl
转载
2024-05-08 18:25:29
278阅读
