开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

MaterialPageRoute<dynamic>：类型'Widget‘不是’Widget‘类型的子类型// Flutter(Null))

MaterialPageRoute<dynamic>是Flutter中的一个类，用于定义页面的路由跳转。

概念： MaterialPageRoute是Flutter中的一个页面路由类，用于实现页面之间的跳转和导航。它继承自PageRoute类，并且是Material Design风格的路由。

分类： MaterialPageRoute属于页面路由类，用于实现页面之间的跳转和导航。

优势：

Material Design风格：MaterialPageRoute遵循Material Design设计规范，提供了丰富的页面切换效果和动画，使应用界面更加美观和流畅。
简单易用：使用MaterialPageRoute可以轻松实现页面之间的跳转和导航，无需手动管理页面栈和路由状态。
功能丰富：MaterialPageRoute提供了多种参数和方法，可以自定义页面切换效果、传递参数、监听页面返回等。

应用场景： MaterialPageRoute适用于任何需要实现页面之间跳转和导航的场景，例如应用程序的主页、设置页面、登录页面等。

推荐的腾讯云相关产品：腾讯云提供了丰富的云计算产品和服务，以下是一些与Flutter开发相关的产品：

云服务器CVM：提供可扩展的虚拟服务器，用于部署和运行Flutter应用。
云数据库MySQL：提供高性能、可扩展的MySQL数据库服务，用于存储Flutter应用的数据。
云存储COS：提供安全可靠的对象存储服务，用于存储Flutter应用的静态资源和文件。
云函数SCF：提供事件驱动的无服务器计算服务，用于处理Flutter应用的后端逻辑。
云监控CM：提供全面的云资源监控和告警服务，用于监控Flutter应用的运行状态。

产品介绍链接地址：

云服务器CVM：https://cloud.tencent.com/product/cvm
云数据库MySQL：https://cloud.tencent.com/product/cdb_mysql
云存储COS：https://cloud.tencent.com/product/cos
云函数SCF：https://cloud.tencent.com/product/scf
云监控CM：https://cloud.tencent.com/product/cm

相关搜索:Flutter:类型'Future<dynamic>‘不是类型'Widget’的子类型 Flutter:类型'List<Widget>‘不是类型'Widget’的子类型 Flutter:类型_file不是widget类型的子类型 Flutter：'Future<PDFDocument>‘不是'Widget’类型的子类型 I/flutter (26976)：类型'bool‘不是类型'Widget’的子类型 List<dynamic>不是List<Widget>类型的子类型？list<Widget>：dart类型List<dynamic>不是fluuter的子类型不是“Widget？”类型的子类型。如何修复类型“Future<dynamic>”不是类型“Widget”的子类型类型'(String) => dynamic‘不是类型'Widget’的子类型

相关搜索:

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

有帮助

没帮助

相关·内容

Flutter路由管理和页面参数的传递（获取&返回）

前言在做 Flutter 开发的时候所有的页面以及页面上的元素都变成了 Widget ，创建一个页面或者视图直接 new 一个新的 widget 就可以，相关的参数我们可以直接通过构造函数直接传递。...arguments['name'] : 'null'}"), ), ); } } 上面是一个简单的 Flutter 的视图组件，我们在使用参数 arguments 的时候只需要将其传入到...builder 是一个WidgetBuilder类型的回调函数，它的作用是构建路由页面的具体内容，返回值是一个widget。...> routers 当中注册的所有 Widget 的构造函数中都有一个 Map 类型并且名为 arguments 的参数。...之前通过在 WidgetsApp 注册routes 的方式默认生成的 PageRoute 类型为 MaterialPageRoute 。

4.4K4 0

Flutter之WidgetsApp使用详解&与MaterialApp的纠缠

未经过改装的MaterialApp 可以说MaterialApp基于WidgetsApp 如果对MaterialApp不熟悉，可先看我上一篇文章： Flutter之MaterialApp使用详解...1. textStyle 为应用中的文本使用的默认样式使用 //该段代码源自flutter/material/app.dart //因为MaterialApp都是使用Theme里面的主题色，并且一般部件使用的是..."/")时返回home的Widget 所以可以推测当程序启动时，会调用一个以"/"为路由名的Widget 下面来看一段源码 Route _onGenerateRoute(RouteSettings...= null) { builder = (BuildContext context) => widget.home; } else { //这里查找路由对应的Widget，即为routes...= null) { //可以看到默认是使用MaterialPageRoute的切换界面动画 return new MaterialPageRoute( builder

2K3 0

Flutter路由管理和页面参数的传递（源码分析）

前言上一篇 Flutter路由管理和页面参数的传递（获取&返回）文章中我们讲述了这么用代码实现 Flutter 中页面参数的传递，这一篇我们用源码分析一下 Navigator 为什么可以进行页面参数传递...我们从 Flutter 应用程序的入口开始一步一步跟进代码的执行： void main() => runApp(MyApp()); class MyApp extends StatelessWidget...传入 routes 和 onGenerateRoute 等参数，MaterialApp 的 state 是 _MaterialAppState 它构建的是 WidgetsApp 类型的 Widget...= null) return widget.onGenerateRoute(settings); return null; } widget.pageRouteBuilder 的方法，我们在生成...这个解释了在 Flutter路由管理和页面参数的传递（获取&返回）这篇文章末尾说的 onGenerateRoute 方式进行的参数传递，必须不能进行 routers 的注册。

1.2K1 0

Flutter中命名路由模块化及传参

Flutter 中的命名路由在实际项目中使用最为常用。要想使用命名路由首先要配置路由，并引入路由地址对应的页面组件。...= null) { final Route route = MaterialPageRoute(...main.dart 主页面引入的子页面 Form.dart 页面代码： // lib/pages/Form.dart import 'package:flutter/material.dart'; /...BottomNavigationBarType.fixed, items: [ // 只能是BottomNavigationBarItem的类型...对于页面较少的情况下，我们可以在主页面中直接引入所有路由对应的子页面，当页面较多时，需要将路由进行模块化。首先定义一个单独的路由文件，并引入路由对应的组件，添加路由监听事件。

1.5K1 0

【Flutter 实战】全局监听路由堆栈变化

一种方法是写一个监听路由堆栈的基类，所有页面继承此基类。此方法对源代码的侵入性非常高。...还有一种方法是自定义 RouteObserver，继承RouteObserver并重写其中的方法： class MyRouteObserver> extends...: didPush route: MaterialPageRoute(RouteSettings("/B", 来自A), animation: AnimationController#6d429...(▶ 0.000; for MaterialPageRoute(/B))),previousRoute:MaterialPageRoute(RouteSettings...("/A", null), animation: AnimationController#e60f7(⏭ 1.000; paused; for MaterialPageRoute(/A

4.4K4 0

学一学Flutter新的导航和路由系统

/flutter/widgets/RouteInformation-class.html "RouteInformation")并将其解析为用户定义的数据类型。...的泛型类型是BookRoutePath，定义了哪些状态显示哪些页面。...}, ); } 在onPopPage回调中使用notifyListeners替代setState，因为此类是一个ChangeNotifier，而不是一个widget。...），并将其转换成用户定义的类型（BookRoutePath）。...; } } 这个一个定制化的实现，而不是通用路由解析方案。

4.5K4 0

Flutter 中路由返回的多种方式

new MaterialPageRoute(builder:(context)=>new Tabs(index:2)), // 清空路由 (route)=>route==null );...= null) { if (settings.arguments !...= null) { final Route route = MaterialPageRoute( builder: (context) =>.../material.dart"; // 引入子页面 import 'tabs/Home.dart'; import 'tabs/Category.dart'; import 'tabs/Setting.dart...BottomNavigationBarType.fixed, items: [ // 只能是BottomNavigationBarItem的类型

2.3K2 0

Flutter中路由返回的多种方式

new MaterialPageRoute(builder:(context)=>new Tabs(index:2)), // 清空路由 (route)=>route==null );...= null) { if (settings.arguments !...= null) { final Route route = MaterialPageRoute( builder: (context) =>.../material.dart"; // 引入子页面 import 'tabs/Home.dart'; import 'tabs/Category.dart'; import 'tabs/Setting.dart...BottomNavigationBarType.fixed, items: [ // 只能是BottomNavigationBarItem的类型

1.3K2 0

Flutter 页面交互 | 路由跳转方式、常用API、发送接收数据、可能发生的问题与知识点拓展

); // })); //把以上代码封装一个函数处理路由返回的数据 // 利用Future变量类型的 then方法，拿到返回的数据...可以写main函数，也可以不写；建议只在首页写main，其他页面不要写，便于查找和维护；命名路由路径名称的正确性（定义与使用要相符合）、传参（参数类型）的一致性的问题； 1....---- 参考自CSDN的Flutter入门课程 main.dart import 'package:flutter/material.dart'; import 'ContentPage.dart';...// 接收数据是异步的，需要加 async关键字； // 需要接收数据，需要加 await关键字； // 需要准备一个数据类型变量，来承载； // 指定函数返回类型为String，Alt...// 利用Future变量类型的 then方法，拿到返回的数据 // value位置是一个形参，名字可以随便起，这个形参位置就是返回的数据 //

3.1K1 0

12.Flutter学习之路由即Android上的页面跳转

Flutter中的路由 Flutter中的路由通俗来讲就是页面跳转，在Flutter中通过Navigator组件管理路由导航。...并且提供了管理堆栈的方法，如：Navigator.push和Navigator.pop Flutter提供了两种配置路由跳转的方式：1、基本路由 2、命名路由 Flutter中的基本路由的使用例如我们需要在...即我们要在MaterialApp中的routes进行路由配置值得一提的是，routes的值是Map类型的 main()=>runApp(MyApp())...= null) { if (settings.arguments !...= null) { final Route route = MaterialPageRoute( builder: (context) =>

1.2K1 0

Flutter 实现隐私政策

'); })); }, ), ]), ) 通常情况下，点击《用户协议》和《隐私政策》会跳转到相应的H5，上面跳转到flutter...，代码如下： import 'package:flutter/gestures.dart'; import 'package:flutter/material.dart'; typedef OnTapCallback...}).toList() ]), ); } void _split() { int startIndex = 0; Map<String, dynamic...= null) { int i = _index?...['key'] as String).length; } } Map?

4.1K3 1

带你高效入门 Flutter

5.2 函数 dynamic 在 Dart 里，函数也是可以不写返回类型的，不写的话会被当做 dynamic 来处理。...这样的话，函数的类型就是 return 的类型，如果没有 return 则是 void 类型。...6 万物皆控件接下来回到 Flutter，Flutter 里最重要的一个概念是 Widget（下面翻译作控件）。...但在 Flutter 里面，它们全都属于一个统一的模型 Widget。可以说，在 Flutter 界面里，所有东西都是 Widget。以前学面向对象的时候，我们都听过一句话，叫万物皆对象。...7.4 Center Center 是一个容器类控件，它的作用就是让它的子控件居中显示。

1.3K2 0

flutter系列之:如何自定义动画路由

简介flutter中有默认的Route组件，叫做MaterialPageRoute，一般情况下我们在flutter中进行跳转的话，只需要向Navigator中传入一个MaterialPageRoute就可以了...flutter动画基础flutter中有个专门的动画包叫做flutter/animation.dart, flutter中所有动画的核心叫做Animation。...= null), super(listenable: position);看下它的构造函数，可以看到SlideTransition需要一个position的属性，这个position是一个Animation...Tween表示的是开始值和结束值之间的线性插值，是一个动态过程，另外我们还可以这个插值变动的曲线，这里使用了CurveTween，选中了Curves.easeOut这种曲线类型。...总结最后程序运行的结果如下:其实flutter中的动画很简单，大家记住就是widget位置沿不同的曲线变化即可。

6683 0

【Flutter 专题】110 页面间小跳转 (四)

，MaterialApp 是 Android 风格的，若需要 iOS 风格的，则需要 CupertinoApp；即作为整个应用风格 Widget；而 MaterialApp / CupertinoApp.../ WidgetApp 等小组件默认是内嵌 Navigator 的，和尚接下来介绍 MaterialApp 几个重要属性； 1. home 当进入应用时，初始化展示的 Widget； class...4. onGenerateRoute onGenerateRoute 为 RouteFactory 类型构造函数，当使用静态路由进行页面跳转时，进入未在 routes 中绑定的页面时，都会在 onGenerateRoute...settings.name == null || routes[settings.name] == null) { return MaterialPageRoute(builder:...= null) { return MaterialPageRoute( builder: (context) => routes[settings.name](settings.arguments

4363 1

Flutter布局基础——页面导航和返回

Flutter布局基础——页面导航和传值说到导航，最常见就是类似于iOS中导航控制器的push和pop效果，同样Flutter中也有类似的效果，使用的就是Navigator组件。下面，来看一下在Flutter中，导航效果Navigator.push和Navigator.pop的使用。...MaterialPageRoute包括起来了。...而且跳转页面的名字中/不是必须的，即可以随便定义，但按照路由来理解的话，还是建议统一规则命名。...参考 Navigator Dev Doc Flutter免费视频第四季-页面导航和其他 The parameter can't have a value of 'null' because of its

1.6K3 0

Flutter | 路由管理

; })); }, ) 复制代码效果： MaterialPageRoute MaterialPageRoute 是 Material 组件库提供的组件，他可以针对不同的平台，...settings, this.maintainState = true, bool fullscreenDialog = false, }) builder 是 WidgetBuilder 类型的回调函数...，在 ios 中若此参数为 true，新页面会从底部滑入，而不是水平方向 Navigator Navigator 是一个路由管理组件，它提供了打开和退出路由方法 Navigator 通过栈来管理活动路由集合...I/flutter (23778): 路由返回值我是返回值复制代码需要注意的是 1，参数是通过构造方法传入的 2，如果点击左上角，或者返回按钮进行返回，则页面返回的值为 null 命名路由...} ); } ); 复制代码参考资料： Flutter官网 Flutter 实战

8432 0

flutter系列之:在flutter中使用导航Navigator

简介一个APP如果没有页面跳转那么是没有灵魂的，页面跳转的一个常用说法就是Navigator,flutter作为一个最为优秀的前端框架，Navigator肯定是必不可少的，那么在flutter中如何使用...flutter中的Navigator Navigator是flutter中用来导航的关键组件。...首先是pages，pages是一个List对象: final List> pages; 这里的pages存储的就是历史访问信息，Navigator的所有操作都是围绕着pages...因为push方法需要一个Route对象，这里我们使用了最简单的MaterialPageRoute，然后返回第二个图像widget对象。...总结 Navigator是每个flutter app都少不了的组件，希望大家能够掌握。本文的例子：https://github.com/ddean2009/learn-flutter.git

6452 0

Flutter | 路由管理

; })); }, ) image.png MaterialPageRoute MaterialPageRoute 是 Material 组件库提供的组件，他可以针对不同的平台...settings, this.maintainState = true, bool fullscreenDialog = false, }) builder 是 WidgetBuilder 类型的回调函数...中若此参数为 true，新页面会从底部滑入，而不是水平方向 Navigator Navigator 是一个路由管理组件，它提供了打开和退出路由方法 Navigator 通过栈来管理活动路由集合，通常屏幕显示的页面就是栈顶路由...I/flutter (23778): 路由返回值我是返回值需要注意的是 1，参数是通过构造方法传入的 2，如果点击左上角，或者返回按钮进行返回，则页面返回的值为 null 命名路由有名字的路由...} ); } ); ---- 参考资料： Flutter官网 Flutter 实战

9385 0

flutter系列之:在flutter中使用导航Navigator

简介一个APP如果没有页面跳转那么是没有灵魂的，页面跳转的一个常用说法就是Navigator,flutter作为一个最为优秀的前端框架，Navigator肯定是必不可少的，那么在flutter中如何使用...flutter中的Navigator Navigator是flutter中用来导航的关键组件。...首先是pages，pages是一个List对象: final List> pages; 这里的pages存储的就是历史访问信息，Navigator的所有操作都是围绕着pages...因为push方法需要一个Route对象，这里我们使用了最简单的MaterialPageRoute，然后返回第二个图像widget对象。...总结 Navigator是每个flutter app都少不了的组件，希望大家能够掌握。本文的例子：https://github.com/ddean2009/learn-flutter.git

7442 0

如何使用Flutter开发一款电影APP详解

前言使用Flutter开发一款App是一件非常愉快的事情，其出色的性能、跨多端以及数量众多的原生组件都是我们选择Flutter的理由！...今天我们就来使用Flutter开发一款电影类的App，先看下App的截图。 ?...从main.dart开始在Flutter里main.dart是应用开始的地方: import 'package:flutter/material.dart'; import 'package:movie...import 'package:movie/screens/detail.dart'; import 'package:movie/screens/videoPlayer.dart'; Route<dynamic...movieList.addAll(subjects); } this.start = start + 10; this.total = total; }); } Future<Null

1.2K2 1

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭