Flutter 如何将函数作为参数传入组件或方法

最新推荐文章于 2024-04-18 19:21:22 发布
最新推荐文章于 2024-04-18 19:21:22 发布
阅读量6.7k 收藏
点赞数 1
文章标签： flutter objective-c android studio
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_33301929/article/details/108135209
版权
前言

记录一下使用方法，方便其他同学查阅

一、在调用页面，声明一个作为参数的函数tap
tap(int i){
    print('选择了....'+i.toString());
  }
二、声明自定义的函数,设置形参,点击调用参数
InkWell formateItem( Function(int) tapAction){
  child: Container(),
  onTap: () {
      tapAction(1688);
    }
}
三、调用，将tapAction传入
formateItem(tap)
四、打印
Flutter: 选择了 1688

在这里简单介绍下逻辑，方便初学的朋友理解

在 步骤三 开始调用formateItem，点击组件响应tapAction，并传入值 1688，方法tap执行打印，很简单

欢迎大家有问题可以入群 QQ 528214618

在这里插入图片描述

爱拱大白菜
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Flutter wrap组件与自定义组件
01-20
这个自定义组件接收一个文本字符串作为参数，并在构造函数中传入`key`（用于帮助Flutter框架识别和管理组件）。在`build`方法中，我们创建了一个`RaisedButton`，设置其文字内容为`text`，文本颜色取自当前主题的...
flutter 函数类型作为参数
allanGold
09-03 405
注意：Future Function() 是形式参数类型（即函数类型），fuction是形式参数名。注意：Predicate 和 OutputFunction都是像是参数类型。1、通过typedef。
flutter 参数函数_Flutter基础用法
weixin_39860636的博客
01-02 270
- 本篇文章教你认识flutter框架特点及了解Dart的基本语法1. flutter是什么？- 是谷歌推出并开源的移动端应用开发框架，主打跨平台、高保真、高性能；- 开发者可以通过Dart语言开发app，一套代码同时运行在iOS和Android平台- flutter提供了丰富的组件、接口，开发者可以很快地为flutter添加native扩展。同时flutter还使用native引擎渲染视图，这无...
【开发经验】Flutter组件的事件传递与数据控制
最新发布
egrhef的博客
04-18 855
这里我们还是先看需求描述：一个Widget收到事件后，触发child的state的方法实现功能：点击按钮让一个child开始倒计时或者发送请求（调用state的方法）难度：⭐⭐⭐⭐⭐首先必须明确的是，如果出现在业务逻辑里，这里是显然不合理，是需要避免的。嵌套时应当避免互相调用方法，在这种时候，最好是将child的state中的方法与数据，向上提取放到当前层state中。有数据变化有数据变化时，使用State的生命周期更加合理。这里我们也可以勉强实现一下，在flutter框架中，我推荐使用。
【Flutter】Dart的方法中的可选参数、方法作为参数传递
俊而不逊的博客
10-17 3091
1. 写在前面 在上篇文章中介绍了Dart的方法与箭头函数，那么现在就继续来学习 Dart的方法中的可选参数、方法作为参数传递。 【Flutter】苹果Mac电脑配置flutter开发环境 【Flutter】 Android Studio 安装第三方模拟器—网易MuMu 【Flutter】项目运行报错Failed to find Build Tools revision 29.0.2 【Flutter】flutter doctor 报错Android license status unknown. Run
Flutter中函数作参数作回调
jamesxchen的博客
02-27 3881
很想好好写写博客，但是没时间，只能作笔记，把有用记来。 在做listview的时候，都是先做好列表数组，然后build一个List付给Listview，所以我就公共文件包里写了一个通用函数，以此来应对不同页面的Listview构建数据，这个时候Ontop事件就不好处理，看了好多文章，都没搞定，最看到动态函数几个字，脑瓜一闪，搞定了。。 //函数定义 List<Widget> Build...
flutter 传递回调函数
07-23 6599
方法赋值只需要赋值方法名，如果后面加上（）就变成调用了，这个一开始非常容易出错
Flutter入门-数据传递
知识共享，你我皆是知识的搬运工
11-03 2249
Flutter数据传递的N中方式
Flutter CustomPainter实现半圆形饼图
10-20
7. **使用自定义Painter**：在你的Flutter组件中，通过`CustomPaint` widget来使用`HalfPieChartPainter`，并传入数据和颜色。 以下是一个简单的代码示例： ```dart class HalfPieChartPainter extends ...
在Flutter中的小部件之间绘制箭头-Flutter开发
05-27
在Flutter中，你可以使用`Image.asset`、`Image.network`或`Image.file`等方法加载图片，并将其与其他绘图操作结合，例如绘制在箭头的尾部或头部，以增加视觉效果。 总之，在Flutter中绘制小部件之间的箭头涉及...
ProgressWheelView_flutter刷新库_flutter_智能_
09-30
只需要在列表组件（如`ListView`）上覆盖`RefreshIndicator`，并传入相应的回调函数来处理刷新事件。 总的来说，`ProgressWheelView`是Flutter开发中一个非常实用的智能刷新库，它提供了丰富的自定义选项，使得...
FlutterRatingbar:Flutter自定义评分控件
05-02
我们可以将这些图标作为参数传递给`FlutterRatingBar`构造函数，或者在`pubspec.yaml`文件中引入相应的资源库，例如`flutter_svg`，以支持SVG格式的图标。 3. 交互处理： 在`_FlutterRatingBarState`类中，我们还...
flutter dart 函数总结：Function typedef
weizhijava的博客
02-11 2111
Flutter dart 函数总结 // 此处需要配置pubspec.yaml // pub get import 'package:meta/meta.dart'; /** * dart 函数 * typedef * Function */ // typedef 定义函数别名 类似c++ 函数指针的定义 // typedef 可以单独的设置别名 和返回值 参数 // typedef 也...
【Flutter 1-9】Flutter教程Dart语言——函数和匿名函数
弗拉德的技术博客
11-21 1007
作者 | 弗拉德 来源 | 弗拉德（公众号：fulade_me) 函数 Dart 同样也是一种面向对象的语音。所以即便函数也是一个对象。类型为 Function，这意味着函数可做作为变量，也也可以作为函数的参数。 下面是定义一个函数的例子： isEmpty(List aList) { return aList.length == 0; } 为了规范其实我们需要在函数的头部声明一下返回值类型，当然如果不声明也可以运行， bool isEmpty(List aList) { return aLi
flutter 函数声明，常用的方法方式，作变量，作参数
weixin_44911775的博客
02-27 403
函数声明，常用的方法方式，作变量，作参数。//常用的函数的声明简写。//常用的函数的声明。//函数作为变量使用。
Flutter 2进阶(六)：回调函数的使用
wuqingsen1的博客
12-03 5796
我看了一下，关于 Flutter 的回调和 Android 中的有点区别。所以记录一下， 下面是定义了一个有两个参数的回调： //定义回调 typedef MyCallBack = Function(String val1, String val2); //回调监听 class MyCallBackListener { final MyCallBack myCallBack; MyCallBackListener({this.myCallBack}); } 设置我收到的回调： MyC
flutter 参数函数_Flutter参数的传递和接收
weixin_39967120的博客
12-20 2175
上次只写了方法和参数，这次写了完整的示例，页面间参数的传递和接收的示例。1、参数传递用在程序上解释就是比如你进入一个商品选择列表，当你想选择一个商品的具体信息的时候，你就要传递商品编号，详细页面接受到编号后，显示出不同的内容。声明数据结构类Dart中可以使用类来抽象一个数据，比如我们模仿一个商品信息，有商品标题和商品描述。我们定义了一个Product类，里边有两个字符型变量，title和descr...
Flutter（Dart）基础——函数详解
热门推荐
卜大爷的博客
09-15 2万+
Dart语法基础——函数 在Dart中，函数（或方法）也是对象，它的类型是 Function。 这意味着，函数可以赋值给变量，也可以当做其他函数的参数。 函数的声明 基本上与Java类似： String sayName(String name){ return "hi, $name"; } 在Dart中，参数类型是可选，可以省略显式的类型，但仍然建议显式指定类型： String sayName(name){ return "hi, $name"; } 简写语法 上面的函数，函数体内只包
Flutter和Dart系列十一：Function（二）
xlh1191860939的博客
01-10 1796
我们在系列四中已经介绍了Dart中有关Function的基本概念，今天我们来围绕“函数作为一等公民，作为对象”这一概念来展开讨论和总结。 将一个函数赋值给一个变量. add(int a, int b) => a + b; void main() { var sum = add; print(sum(1, 2)); // 打印3 } 对于add函数，我们将其赋值给变量...
Flutter 子组件控制父组件里面的变量
09-13
### 回答1： 在Flutter中，子组件可以通过回调函数的方式来控制父组件的状态，从而达到控制父组件变量的目的。具体实现方式如下： 1. 在父组件中定义一个变量，并提供一个修改该变量的方法，如下所示： ```dart class ParentWidget extends StatefulWidget { @override _ParentWidgetState createState() => _ParentWidgetState(); } class _ParentWidgetState extends State<ParentWidget> { bool _isSwitchOn = false; void _handleSwitch(bool newValue) { setState(() { _isSwitchOn = newValue; }); } @override Widget build(BuildContext context) { return Column( children: <Widget>[ SwitchWidget(_isSwitchOn, _handleSwitch), Text('Switch is ${_isSwitchOn ? 'on' : 'off'}'), ], ); } } ``` 2. 在子组件中定义一个回调函数，将父组件的修改方法作为参数传入，然后在子组件内部触发该回调函数，如下所示： ```dart class SwitchWidget extends StatelessWidget { final bool isSwitchOn; final ValueChanged<bool> onSwitchChanged; SwitchWidget(this.isSwitchOn, this.onSwitchChanged); @override Widget build(BuildContext context) { return Switch( value: isSwitchOn, onChanged: (newValue) { onSwitchChanged(newValue); }, ); } } ``` 通过这种方式，子组件就可以控制父组件中的变量了。在上面的示例中，SwitchWidget通过回调函数onSwitchChanged来控制ParentWidget中的_isSwitchOn变量。当SwitchWidget的Switch组件状态发生变化时，就会触发onSwitchChanged回调函数，然后在回调函数内部调用ParentWidget中的_handleSwitch方法，从而修改_isSwitchOn变量的值，并通过setState方法通知Flutter框架进行重绘。最终，ParentWidget中的Text组件就会显示出_isSwitchOn变量的最新值。 ### 回答2： 在Flutter中，通常情况下，子组件是无法直接控制父组件中的变量的。这是因为在Flutter中，数据的流动是单向的，即从父组件向子组件流动。 但是，如果需要实现子组件控制父组件中的变量，可以通过回调函数的方式来实现。具体做法是，在父组件中定义一个函数，然后将这个函数作为参数传递给子组件。子组件可以通过调用这个函数并传递相应的参数来改变父组件中的变量。 在父组件中，定义一个变量，例如“count”，并在子组件中通过回调函数改变这个变量。首先，在父组件中定义一个函数，例如“updateCount”，用来更新“count”变量的值。然后，将这个函数作为参数传递给子组件。在子组件中，通过调用“updateCount”函数并传递新的值来改变父组件中的“count”变量。 例如： 父组件代码： ```dart class ParentWidget extends StatefulWidget { @override _ParentWidgetState createState() => _ParentWidgetState(); } class _ParentWidgetState extends State<ParentWidget> { int _count = 0; void _updateCount(int newCount) { setState(() { _count = newCount; }); } @override Widget build(BuildContext context) { return Column( children: <Widget>[ Text('Count: $_count'), ChildWidget(updateCount: _updateCount), ], ); } } ``` 子组件代码： ```dart class ChildWidget extends StatelessWidget { ChildWidget({@required this.updateCount}); final Function updateCount; @override Widget build(BuildContext context) { return RaisedButton( onPressed: () { updateCount(1); // 调用父组件的方法来更新父组件中的变量 }, child: Text('Update Count'), ); } } ``` 通过上述实现，子组件可以通过触发相应的事件来改变父组件中的变量。 ### 回答3： Flutter中的组件通信有多种方式，其中一种方式是子组件控制父组件的变量。 在Flutter中，子组件通常是父组件的固定下级，父组件通常要控制子组件的状态和数据，而子组件要控制父组件的变量，可以通过回调函数来实现。 具体实现步骤如下： 1. 在父组件中声明一个需要控制的变量，并在子组件中定义一个回调函数。 2. 在父组件中传递回调函数给子组件，在子组件中调用该回调函数，将需要传递给父组件的参数作为参数传递给回调函数。 3. 在父组件中接收回调函数传递的参数，并根据需要做相应的处理，更新父组件的变量。 通过这样的方式，子组件可以通过回调函数将需要传递给父组件的数据传递回去，从而实现子组件控制父组件的变量。 总结一下，子组件控制父组件的变量可以通过在父组件中定义一个回调函数来实现，子组件通过调用回调函数将需要传递给父组件的数据传递回去，从而实现子组件控制父组件的变量。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值