我们发布了 Agora Flutter SDK 之后，吸引了 Flutter 社区的诸多关注。Google Flutter 与 Dart 的产品负责人 Tim Sneath，在看到 Agora Flutter SDK 后，还特意在社交媒体上发推点赞。今天我们就来看一下如何使用 Agora Flutter SDK 快速构建一个简单的移动跨平台视频通话应用。环境准备在 Flutte
技术无止境，只怕不学习啊，Flutter 我们开始吧先上图来看一下要实现的效果：页面结构 1.标题 2.手机号输入框 3.验证码输入框 4.获取验证码 5.60s倒计时 6.登录按钮 7.跳转到主页下面直接上代码说明/// （`InkWell`）可用时使用的字体样式。
final TextStyle _availableStyle = TextStyle(
fontSize: 16.0,
return List<Map<String, Object>>.generate(size, (index) {
return {
‘title’: ‘标题${index + (page - 1) * size + 1}：这是一个列表标题，最多两行，多处部分将会被截取’,
‘imageUrl’:
‘https://ss3.bdstatic.com/70cFv8Sh
转载
2024-10-21 18:50:06
215阅读
内容：1、列表展示2、轮播图3、其他本次的内容也是在上一节的基础上进行操作我们就搞这个story模块。目录： story.dart story主页面import 'package:flutter/material.dart';
import 'story_data.dart';
import 'story_item.dart';
void main() => runA
Flutter的状态管理三足鼎立，明媒正室当Provider莫属，可谓刘备级别的大佬，名正言顺。作为一个喜欢偷懒的人，能省则省。都知道Provider有一把梭，打遍天下无敌手。不过刷这两招，可要悠着点，否则代价就是性能。Provider.of<XXX>(context).数据
Provider.of<XXX>(context).方法
复制代码一、一把梭页面如下，第一个界面是
转载
2024-06-21 05:43:58
141阅读
2020年01月09日第一次更新名称 -- 是什么，做什么若想使用material风格和cupertino风格，请导入如下 import 'package:flutter/material.dart';
import 'package:flutter/cupertino.dart'; AbsorbPointer -- 阻止事件触发，阻止一个复杂的小部件的所有子树触摸事件被触发，
一、如何去掉右上角的DEBUG标签？ 1、return MaterialApp(
home: HomeScreen(),
debugShowCheckedModeBanner: false,//去掉右上角DEBUG标签
); 2、构建release版本； 二、SingleTickerProviderStateMixin是什么混入？初
转载
2024-07-22 16:54:55
42阅读
Flutter应用启动流程分析(二)看看
Flutter页面是怎么展示出来的MainActivity 在AndroidManifest中的声明<activity
android:name=".MainActivity"
android:launchMode="singleTop"
android:theme="@style
转载
2024-03-16 07:17:02
37阅读
说明： 本篇文章已授权微信公众号 Flutter那些事 独家发布，未经授权，严禁转载！1. 前言 在初学新技术之前，我们总会要从最基本的东西了解起来，就好比当接触Android的时候，我们学四大组件都要学好久，是否还记得在Android的生命周期？首先让我们回顾下Android中的生命周期 关于这个就不在多说了，常用场景总结下:1.启动Activity：系统会先调用onCreate方法，然后调用o
转载
2024-09-19 13:08:30
150阅读
最近用Flutter开发的项目算是完成了开发到上线第一阶段了。任何一个项目开始了，若想追求的是更好，那么就需要下功夫对项目用户体验和代码效率深入的研究了。作为用户和产品经理、老板、UI、不懂技术的其他人员看到的产品只是表面的。 ...
原创
2022-01-05 15:37:04
458阅读
第三部分用户界面层设计第10章 界面层的功能划分用户界面，承担着向用户显示问题模型和与用户进行操作和I/O交互的作用。用户界面的设计，包含技术和非技术的问题。非技术方面，程序的界面，涉及到美工、心理学甚至社会学的内容，向客户提供方便的使用界面，是系统界面设计的一个重要内容。在某些宗教国家，甚至还可能涉及到一些宗教的敏感内容。这些都超出了本书要讨论的范围，在此就不再赘述了。从技术的角度来看
中文文档:getx/README.zh-cn.md at master · jonataslaw/getx · GitHub关于GetGetX 是 Flutter 上的一个轻量且强大的解决方案：高性能的状态管理、智能的依赖注入和便捷的路由管理。3个基本原则：性能： GetX 专注于性能和最小资源消耗。GetX 打包后的apk占用大小和运行时的内存占用与其他状态管理插件不相上下。如果你感兴
文章目录监听App的生命周期监听页面的生命周期 监听App的生命周期flutter是通过WidgetsBindingObserver实现监听的，同时还可以监测应用的其他状态。 要注意的是，极端情况下可能收不到监听。比如：如果用户从设备中取出电池,在应用程序和操作系统的其他部分突然终止之前,不会发送任何通知具体用法，上代码：class _MyAppState extends State with
转载
2024-06-28 06:53:35
91阅读
Flutter监听路由返回前言我们通常有这样一个需求：点击修改用户信息需要跳转页面，修改完成以后返回之前的页面我们需要重新获取新的数据刷新修改后的数据。于是就找方法去实现，目前我用过的就是以下三种方法。Navigator.of(context).pushNamed().then()优点可以在返回页面的时候在pop中传入参数Navigator.pop(context, '数据传参')，.then(v
转载
2024-04-24 18:01:45
227阅读
ScrollController构造方法ScrollController({
double initialScrollOffset = 0.0, //初始化滑动距离
this.keepScrollOffset = true,//是否保存滑动距离
this.debugLabel,
}) : assert(initialScrollOffset != null),
转载
2024-01-03 23:36:46
102阅读
文章目录获取当前屏幕的方向实时监听屏幕方向的改变锁定屏幕方向锁定方向，禁止App随着设备的方向改变锁定启动图的方向默认效果Android配置IOS配置动态改变Flutter的屏幕方向竖屏-垂直头部朝下竖屏-垂直头部朝上横屏-头部显示右边横屏-头部显示左边 获取当前屏幕的方向使用MediaQuery.of(context).orientation示例：print("当前屏幕方向：${MediaQu
转载
2024-08-11 09:23:41
195阅读
最近在用 WEEX 做移动项目，出现在使用 navigator 的时候报ActivityNotFoundException 的错误，在网上没有找到很准确的答案，所以记录下来。问题在使用 weex 的 navigator 模块进行页面跳转的时候出现 ActivityNotFoundException 的异常如果安装了 weex 的 Playground APP，那么就会跳转到 Playground
转载
2024-10-23 09:44:07
33阅读
import 'package:flutter/material.dart'; import 'package:flutter/services.dart'; void main() => runA
原创
2022-12-08 14:55:33
637阅读
一、生命周期的基本概念
a、什么是生命周期？ 说白了就是回调方法，让你知道封装好的这个widget处于一个什么状态，不断回调。
b、生命周期的作用：1、可以监听widget事件，做出相应处理；
2、初始化数据等，如创建数据，发送网络请求；
3、内存管理：销毁数据、监听者、Timer等。二、Widget的生命周期
widget有两种，一直无状态的（Stateless）、一种有状态的(Statef
转载
2024-06-13 07:38:49
695阅读
可以使用 RawKeyboardListener 包裹一层 body: RawKeyboardListener( focusNode: FocusNode(), autofocus: true, onKey: (event) { if (event.runtimeType == RawKeyDownEvent)
原创
2023-03-17 06:29:40
1281阅读
