BuildContext

首页 > TAG信息列表 > BuildContext

flutter 杂项 —— Stateful 与 Stateless 的更新

一、使用 StatefulBuilder 单独更新某个组件的状态示例： await showDialog<void>( context: context, builder: (BuildContext context) { int? selectedRadio = 0; return AlertDialog( content: StatefulBuilder( builder: (BuildContext context, St

Flutter # 路由管理

路由（Route）在移动开发中通常指页面（Page），跟 Web 开发中单页应用的 Route 概念相同。Route 在 Android中通常指一个 Activity，在 iOS 中指一个 ViewController。路由管理/导航管理，管理页面之间如何跳转，会维护一个路由栈，路由入栈（push）操作对应打开一个新页面，路由出栈（pop）操作对应页

Flutter | 一文搞懂 BuildContext

概述 [BuildContext] objects are actually [Element] objects. The [BuildContext] ,interface is used to discourage direct manipulation of [Element] objects. 翻译过来的意思就是 [BuildContext] 对象实际上是 [Element] 对象。 [BuildContext] 接口用于阻止直接操作

Wrap-组件

import 'package:flutter/material.dart'; import 'res/listData.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp(

Flutter组件CustomScrollView

CustomScrollView是可以使用Sliver来自定义滚动模型（效果）的组件。可滚动组件的Sliver版在Flutter中，Sliver通常指可滚动组件子元素，但在CustomScrollView中，需要粘起来的可滚动组件就是CustomScrollView的Sliver了为了让可滚动组件能和CustomScrollView配合使用，Flutter提供了

Flutter中ListView动画OpenContainer动画Flutter径向过渡OpenContainer

题记 —— 执剑天涯，从你的点滴积累开始，所及之处，必精益求精，即是折腾每一天。 ** 你可能需要 CSDN 网易云课堂教程掘金 EDU学院教程知乎 Flutter系列文章本文章通过 OpenContainer 结合列表 ListView来实现页面的径向过渡动画，最终实现现的效果如下：引入依赖： # Material motio

flutter组件常用总结

一、继承StatelessWidget组件 import 'package:flutter/material.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { //TODO:implementbuild return Center( chil

Flutter的生命周期和路由

1. StatelessWidget 一个 StatelessWidget 是不能被改变的，比如：Icon、Text等。由于不可改变，因此并没有什么生命周期。 2. StatefulWidget 一个 StatefulWidget 是有状态的，可变的。一个 StatefulWidget 组件可以通过定义它的 State 来进行对组件数据状态的存储和修改。那么它的St

【Flutter 实战】动画序列、共享动画、路由动画

老孟导读：此篇文章是 Flutter 动画系列文章第四篇，本文介绍动画序列、共享动画、路由动画。动画序列 Flutter中组合动画使用Interval，Interval继承自Curve，用法如下： Animation _sizeAnimation = Tween(begin: 100.0, end: 300.0).animate(CurvedAnimation( parent: _animation

【Flutter】入门14-对话框

SimpleDialog String _choice = '请选择'; Future _openSimpleDialog() async { final option = await showDialog( context: context, builder: (BuildContext context) { return SimpleDialog( title: Text('请

flutter实现页面跳转的两种路由

1.无名路由push，直接使用void nextPage() async{　　final result = await Navigator.push(context, MaterialPageRoute(builder: (BuildContext context) {　　　　return NextPage("pass params to next page");//构造函数传递参数　　}));　　//result页面返回结果} Navigator.

Flutter-SearchDelegate搜索框

搜索欄 import 'package:flutter/material.dart'; typedef SearchItemCall = void Function(String item); class SearchBarDelegate extends SearchDelegate<String> { @override List<Widget> buildActions(BuildContext context) { //右侧显示内

flultter listview异常type '(BuildContext, int) => dynamic' is not a subtype of type '

type '(BuildContext, int) => dynamic' is not a subtype of type '(BuildContext, int) => Widget' 源码如下： import 'package:flutter/material.dart';import 'post.dart';void main() { runApp(MaterialApp( title:

flutter图片组件

在flutter中，image组件有很多构造函数，常用的包括Image.asset（本地图片）和Image.network（远程图片）。常用属性不管是显示本地图片还是远程图片，image组件都包含下列常用属性： alignment ：图片的对齐方式 color 和colorBlendMode：设置图片的背景颜色，通常和 colorBlendMode 配合一起使用，这

路由和导航

下面这两段代码相互配合，共同组成页面导航功能。下面这句代码在相应的页面中出现：Navigator.pushNamed(context, '/');下面这些代码在MaterialApp()中出现：routes: { '/':(BuildContext context)=>MainPage(), '/Page1':(BuildContext context)=>PageOne(), '/Page2':(Build

Flutter 当BuildContext在Scaffold之前时，调用Scaffold.of(context)会报错

当BuildContext在Scaffold之前时，调用Scaffold.of(context)会报错。这时可以通过Builder Widget来解决，代码如下： body: new Builder(builder: (BuildContext context) { return new Center( child: new GestureDetector(