开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

setState()不能引用flutter

Requests to the ChatCompletions_Create Operation under Azure OpenAI API version 2024-02-15-preview have exceeded token rate limit of your current OpenAI S0 pricing tier. Please retry after 1 second. Please go here: https://aka.ms/oai/quotaincrease if you would like to further increase the default rate limit.

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

『Flutter』有无状态组件

说一下背景，就是我们在编写 Flutter 程序的时候，我们目前是将所有的代码都编写在一个文件中，现在代码量比较少所以看上去还好，但是当代码量比较大的时候，这样的代码就会显得非常的臃肿，不利于我们的维护。

04

从零开始的Flutter之旅: Provider

虽然InheritedWidget可以提供共享数据，并且通过getElementForInheritedWidgetOfExactType来解除didChangeDependencies的调用，但还是没有避免CountWidget的重新build，并没有将build最小化。

02

Flutter系列（四）——HelloWorld

上一篇文章，详细的介绍了Flutter的环境搭建，搭建完成之后，自然迫不及待看看如何创建我们的第一个Demo。

01

基于JS的高性能Flutter动态化框架MXFlutter

核心思路是把 Flutter 的渲染逻辑中的三棵树中的第一棵，放到 JavaScript 中生成。用 JavaScript 完整实现了 Flutter 控件层封装，可以使用 JavaScript，用极其类似 Dart 的开发方式，开发Flutter应用，利用JavaScript版的轻量级Flutter Runtime，生成UI描述，传递给Dart层的UI引擎，UI引擎把UI描述生产真正的 Flutter 控件。所以在iOS上是完全动态化的，完整代码在github，如果能帮助到大家，请给MXFlutter点个Star，给我们动力继续更新下去^_*，github TGIF-iMatrix MXFlutter

02

Flutter系列（四）——HelloWorld

![](https://upload-images.jianshu.io/upload_images/3258163-4e883d6ffa587577.png?imageMogr2/auto-orie

00

原来Flutter代码是这样运行在原生系统的！快来了解Flutter标准模板，感受原生系统中Flutter的魅力！

通过Android Studio创建的Flutter应用模板，了解Flutter项目结构，分析Flutter工程与原生Android和iOS工程有哪些联系，体验一个有着基本功能的Flutter应用是如何运转的，从而加深你对构建Flutter应用的关键概念和技术的理解。

02

# Futter入门到精通

文笔不行写不出高深的理论，只能借鉴引用高人的高论了，下面文章的一些连接来自一些国内/外高人的原创或者翻译文章。所谓站在巨人的肩上，就是的是把别人的知识变成自己的。

02

【Flutter 专题】图解 ListView 下拉刷新与上拉加载 (一)

和尚上次学 ListView 时，只学习了一下异步请求数据加载新闻和 Loading 等待的小知识点，但对于新闻列表数据的更新和加载更多是必不可少的，而实现【下拉刷新】与【上划加载更多】的方式有很多种，今天和尚整理一下使用三方库 flutter_refresh 来实现列表的数据更新。和尚也是再偶然间看到有大神用到这个三方库的，和尚想要尝试的原因主要是因为一是因为 flutter_refresh 集成很简单，不用单独写头部样式和底部加载时的 loading 等；二是和尚技术太有限，对 Flutter 的未知有太多，想多尝试几种方式。

03

flutter系列之:用来管理复杂状态的State详解

Flutter的基础是widget,根据是否需要跟用户进行交互，widget则可以分为StatelessWidget和StatefulWidget。StatelessWidget只能根据传入的状态进行简单的初始化widget，如果要实现跟用户交互这种复杂的功能，则需要用到StatefulWidget。

01

Flutter 即学即用系列博客——09 MethodChannel 实现原生与 Flutter 通信（二）

上一篇我们讲解了如何通过 EventChannel 实现 Android -> Flutter 的通信。

02

Flutter完整开发实战详解(十五、全面理解State与Provider)

本篇将带你深入理解 Flutter 中 State 的工作机制，并通过对状态管理框架 Provider 解析加深理解，看完这一篇你将更轻松的理解你的 “State 大后宫” 。

02

「译」为 JavaScript 开发者准备的 Flutter 指南

Flutter 是一款跨平台的移动应用 SDK，可通过同一套代码构建高性能，高保真的 iOS 和 Android 应用。

03

Stateful 组件的生命周期

此篇文章介绍 StatefulWidget 组件的生命周期， StatefulWidget 组件的生命周期时非常重要的知识点，就像 Android 中 Activity 的生命周期一样，不仅在以后的工作中经常用到，面试也会经常被问到。

01

Flutter中的Key

本文内容主要翻译自Keys in Flutter, 最初翻译动机是原作者写的比较通俗，其次 key 知识点在 Flutter 中比较重要，但在翻译过程中发现不配合相关源码很难理解作者意思而且看完容易忘，所以加了些注释和理解(详见引述)，有什么不对的地方欢迎各位大佬交流指正，多谢！

01

StatefulWidget的使用案例

在Flutter中，自定义组件其实就是一个类，这个类继承自StatelessWidget/StatefulWidget。

02

抖音的强大对手来了，用Flutter手撸一个抖音国际版，看看有多炫

由于中间几个月项目天天加班，导致没没时间更新，最近一段时间对前端进行了重构，加了很多页面，如登录、注册、关注、个人中心等，目前写这个纯属业余个人爱好，所以断断续续的继续在做......

02

Flutter 构建完整应用手册-持久化

如果我们有一小部分我们想要保存的键值，我们可以使用shared_preferences插件。

02

Flutter | 和小老弟一起玩转Widget

你可以理解为在Flutter中一切都可以通过组合的方式实现，对于我们开发者，只需声明，或者说告诉框架这个组件是什么，它要怎么显示，携带了哪些参数，而Widget 就是用来帮你承载配置的东西。

02

【Flutter 专题】119 图解简易 ACEFrameAnimated 帧动画

和尚在做 Android 开发时，常常需要帧动画来作为作为 loading 动画；而 Flutter 没有直接提供类似于帧动画的组件，和尚简单尝试一个简单的 ACEFrameAnimated 帧动画小组件；

06

Flutter中使用connectivity实现网络检测

https://pub.flutter-io.cn/packages/connectivity

02

写给前端工程师的Flutter教程

Flutter是由原 Google Chrome 团队成员，利用 Chrome 2D 渲染引擎，然后精简 CSS 布局演变而来。

05

【Flutter】348- 写给前端工程师的 Flutter 教程

| 导语最爱折腾的就是前端工程师了，从 jQuery 折腾到 AngularJs，再折腾到 Vue、React。最爱跨屏的也是前端工程师，从 phonegap，折腾到 React Native，这不又折腾到了 Flutter。

01

【Flutter】Animation 动画 ( Flutter 动画基本流程 | 创建动画控制器 | 创建动画 | 设置值监听器 | 设置状态监听器 | 布局中使用动画值 | 动画运行 )

文章目录一、创建动画控制器二、创建动画三、设置值监听器四、设置状态监听器五、布局中使用动画值六、动画运行七、完整代码示例八、相关资源 Flutter 动画基本流程 : ① 创建动画控制

04

Flutter的生命周期

Flutter的生命周期分为两个部分，一个是Flutter本身的组件的生命周期，一个是平台相关的生命周期。

03

StatefulWidget与State

首先来看下StatefulWidget，它是一个抽象类，当然它十分的简单。它和StatelessWidget一样它只有两个方法，都有一个createElement的方法，但是和StatelessWidget不同的是,StatelessWidget可以直接通过build方法来构建Widget，但是StatefulWidget没有build方法，所以它只能使用State的build来构建Widget。

01

原来你是这样的Flutter

前面我们提到过Flutter其实就是个Dart编写的UI库，附带了自己的渲染引擎。我们通过Widget来描述我们的view，然后Flutter会用它的渲染引擎根据我们的Widget树来绘制我们的界面。注意，是根据Widget树来绘制界面，而不是直接绘制Widget树，这是一个很重要的概念，咱们接下来慢慢来探讨。

01

Flutter中使用barcode_scan_fix实现二维码扫描

第一步：如下图所示，按第一个红框里所示的路径找到该文件，添加第二个红框和第三个红框里的代码；

01

Flutter State生命周期

前面说过了StatefullWidget，这节我们来说说State的生命周期，这在flutter开发中是非常重要的。

02

Flutter 流体滑块

在本文中，我们将**探讨Flutter中的Fluid Slider。**我们还将在flutter应用程序中使用flutter_fluid_slider包来实现流体滑块和属性的演示程序。

02

Flutter 第一个程序Hello World!

Flutter实际上在我学习Android之前就已经听说过了，不过那时候的Flutter还是初始版本，并不如原生，虽说有跨平台的优势，但也只是了解而已，没有去正式使用，那么为什么又要学习了呢？

02

【错误记录】Flutter 混合开发报错 ( Android 端与 Flutter 端 EventChannel 初始化顺序错误导致无法通信 | EventChannel 通信流程 )

Android 端与 Flutter 端 EventChannel 注册与监听流程 :

02

《Flutter 动画系列一》25种动画组件超全总结

任何程序的动画原理都是一样的，即：视觉暂留，视觉暂留又叫视觉暂停，人眼在观察景物时，光信号传入大脑神经，需经过一段短暂的时间，光的作用结束后，视觉形象并不立即消失，这种残留的视觉称“后像”，视觉的这一现象则被称为“视觉暂留”。

02

【Flutter】底部导航栏页面框架 ( BottomNavigationBar 底部导航栏 | PageView 滑动页面 | 底部导航与滑动页面关联操作 )

在 Scaffold 的 bottomNavigationBar 属性设置底部导航栏 ;

02

Flutter入门（五）

国际化方案http://bbs.itying.com/topic/5cfb2a12f322340b2c90e764

02

【Flutter 专题】63 图解 Flutter 集成极光 JPush 小结

我们每天都在接收各种推送消息，而最初的 Flutter 推送主要是与原生交互进行；现阶段极光推出了 Flutter JPush，虽不如原生强大，但日常需求均可满足，和尚尝试集成了 Flutter 版的 JPush；

03

flutter接入现有的app详细介绍

接入的方式，我是参考的官方的介绍文档，我这里尝试的是android的接入方式，还算比较顺利。

05

《Flutter 动画系列一》25种动画组件超全总结

任何程序的动画原理都是一样的，即：视觉暂留，视觉暂留又叫视觉暂停，人眼在观察景物时，光信号传入大脑神经，需经过一段短暂的时间，光的作用结束后，视觉形象并不立即消失，这种残留的视觉称“后像”，视觉的这一现象则被称为“视觉暂留”。

01

动手编写你的第一个 Flutter 应用

我将带领大家尝试编写一个 Flutter 应用，感受一下 Flutter 开发的语法特点和运行效率。

02

从零开始的Flutter之旅: InheritedWidget

在之前的文章中，介绍了 StatelessWidget 与 StatefulWidget 的特性与它们的呈现原理。

01

flutter为什么会分为StatefulWidget 与 StatelessWidget ？

这是因为 Widget 需要依据数据才能完成构建，而对于 StatefulWidget 来说，其依赖的数据在 Widget 生命周期中可能会频繁地发生变化。由 State 创建 Widget，以数据驱动视图更新，而不是直接操作 UI 更新视觉属性，代码表达可以更精炼，逻辑也可以更清晰。

01

[-Flutter插件篇 -] 从自定义插件开始说起

Flutter可以为你提供一个强大华丽简洁高效的跨平台UI界面，但无论外表多么绚丽美女，没有内在也只是空壳，你会喜欢她吗?(还用问，当然会) 使用插件可以让Flutter轻松与当前平台进行联系，

02

Flutter中使用第三方时间选择器插件

参考：https://github.com/dylanwuzh/flutter-cupertino-date-picker

01

FlutterDojo设计之道—状态管理之路（一）

在这个Widget Tree中，通常会存在很多组件之间的相互依赖，时间一长，就很容易变成下面这样。

02

Flutter 第三方SDK集成(友盟统计，极光推送，百度地图)

1.可以由英文字母、阿拉伯数字、下划线、中划线、空格、括号组成，可以含汉字以及其他明文字符，但是不建议使用中文命名，会出现乱码。

02

从零基础到精通：Flutter开发的完整指南

Flutter是一种跨平台的移动应用开发框架，它允许开发者使用单一代码库构建高性能、美观且响应迅速的应用程序。本篇文章将引导你从零基础逐步深入学习Flutter开发，成为一名Flutter专业开发者。

06

Flutter 生命周期详解

Flutter 跟 Android 的 Activity、iOS 的 ViewController 一样都拥有自己的生命周期。在 Flutter 中几乎所有的对象都是一个 Widget，其中 Widget 又分为 StatelessWidget（即：无状态的 Widget）和 StatefulWidget （即：有状态的 Widget），这里所说的 Flutter 的生命周期其实就是讲 StatefulWidget 的生命周期，它存在于 framework.dart 的 State 类中。

01

Flutter 中 stateless 和 stateful widget 的区别[Flutter专题9]

Flutter 中 stateless 和 stateful widget 的区别

01

Flutter BottomNavigation 底部导航详解及问题记录

这里多数一句 Flutter 提供了两套预设的主题UI 这些UI有很多的常量可以直接引入使用

01

【Flutter】Flutter 页面生命周期 ( 初始化期 | createState | initState | 更新期 | build | 销毁期 | dispose)

Flutter 页面生命周期就是 Flutter 页面组件 Widget 的生命周期 ;

00

Flutter中使用flutter_cupertino_date_picker选择时间

参考：https://github.com/dylanwuzh/flutter-cupertino-date-picker

02

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭