在flutter中将小部件封装在它自己的类中?

2023-12-23

我正在尝试创建一个tile for my listview。虽然图块在放置在列表视图文件中时可以工作,但我想知道如何封装tile小部件到它自己的类文件中。

具体来说,如果tile对象不接受参数,我可以简单地扩展一个无状态小部件并调用build方法返回一个新的图块对象。 但是,如果要使用参数(即自定义文本)创建图块对象,我该如何传递此信息?或者将小部件留在listview类本身?

Example:

class Tile extends StatelessWidget {

  @override
  Widget build(BuildContext context){
    return _tile(); //Error, How do i pass the arguments?
  }
  Widget _tile(String text, String time) {
    return new Align(
      child: new Container(
        // padding: EdgeInsets.all(5.0),
        ...

我认为你可以简单地创建一个构造函数并使用它

import 'package:flutter/material.dart';

class Tile extends StatelessWidget {
  final String text;
  final String time;

  /// Here is your constructor
  Tile({Key key, this.text, this.time});

  @override
  Widget build(BuildContext context) {
    return _buildTitle(this.text, this.time);
  }

  Widget _buildTitle(String text, String time) {
    return new Align(
        child: new Container(
          // padding: EdgeInsets.all(5.0),
        ));
  }
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

在flutter中将小部件封装在它自己的类中? 的相关文章

  • get.put 和 get.lazyput 之间的区别

    我是新来的Getx的依赖注入 有人可以向我解释一下它的好处吗 Get put and Get lazyPut 并告诉我它们有什么区别 简短回答 Get put 会放立即地 Get lazyPut 会放在什么时候你需要它
  • “_Smi”不是“bool”类型的子类型 - Flutter MethodChannel

    收到这个奇怪的错误 似乎 MethodChannel 正在转换为 int 而不是 bool 06 07 00 16 26 589 3678 4993 E flutter ERROR topaz lib tonic logging dart
  • flutter中api调用哪种方式最好

    我是颤振开发的新手 最近听说了Dio和Http包用于api调用 这是 api 调用的最佳选择 如果有人有更好的api服务方式 CreateAccountRepository internal static final CreateAccou
  • 使用 Swift 和 Kotlin 重新创建 Flutter 的 ios 和 android 文件夹

    您好 我刚刚发现可以使用 Swift 和 Kotlin 创建 Flutter 项目 但是 我已经投资了当前的项目 并希望重新创建ios and android如 Swift 和 Kotlin 目前默认为 Java 和 ObjC Thanks
  • Flutter 屏幕变化回调

    我想在屏幕更改时收到回调 这样我就可以停止在该特定屏幕上运行的重复请求 dispose 仅在使用 Navigator pop 时调用 而在调用 Navigator push 时不调用 有没有办法检测到屏幕已更改且当前未显示 在您的 Mate
  • 日期时间时区反序列化

    我为我的应用程序开发了一个 Rest API 它以以下格式发送到应用程序日期2018 09 07T17 29 12 02 00 我猜 2 00 代表我的时区作为一个对象的一部分 在我的 Flutter 应用程序中 一旦我反序列化接收到的对象
  • Flutter getter 没有为类指定,当指定时

    我越来越 dart 没有为该类定义 getter currentPickup PickupEvent undefined getter event currentPickup 错误 import dart async import pack
  • “@required”注释作为错误而不是警告

    现在在我的 Flutter 项目中 当我用注释构造函数参数时 required当实例化构造函数时忘记它 我从 IDE 收到一条轻微警告 表明该参数是必需的 我希望这在 IDE 中显示为实际错误 有办法进去吗analysis options
  • Flutter:“UIAlertView”已弃用:首先在 iOS 9.0 中弃用

    我收到以下错误 Users flo pub cache hosted pub dartlang org image picker 0 6 7 12 ios Classes FLTImagePickerPlugin m 1 49 20 war
  • 如何实现Tabbar中每个选项卡的搜索动作

    我有一个页面 TabBar 中有 2 个选项卡 如下所示 class SearchByCityOrPerson extends StatefulWidget SearchByCityOrPerson Key key this title s
  • 在flutter中从cloud_firestore删除文档

    我正在返回一个streamBuilder在streamBuider内部 它返回一个小部件 现在我已经用可忽略的方式包装了一个小部件 以便我可以从 cloud firestore 的集合中删除该文档 showingTheSelectedDat
  • 如何在flutter中绘制自定义形状

    我正在尝试在我的应用程序中绘制这样的自定义形状 尝试使用自定义画家进行绘制 但尚未弄清楚如何获得这种形状 我认为它实际上只是一个带有自定义边框的容器 但甚至不知道从哪里开始 我感兴趣的只是形式 而不是内容 或者 如果有人知道如何绘制底部较薄
  • SingleChildScrollView 内垂直居中的小部件

    我是 Flutter 新手 所以我通过制作一个简单的表单来训练自己 我意识到当我在 iPhone 上调试时 虚拟键盘触发了一个错误 A RenderFlex overflowed by 29 pixels on the bottom 我通过
  • 获取外部存储的权限(file_provider 插件)

    我在使用 flutter 获取 Android 设备上的外部存储权限时遇到一些问题 当我尝试在外部存储中创建目录时 出现此错误 我只是为此示例更改了目录 在我自己的项目中 目录名称不同 I flutter 12727 EXCEPTION C
  • 在 flutter 中创建图像蒙版

    Flutter 提供了多种基于路径 即剪辑路径 的遮罩方法 我正在尝试找出一种方法 可以拍摄具有透明层的图像 如下例所示 并使用该图像来掩盖另一个图像 视图或作为通用蒙版 我的第一直觉是看自定义Paint类 https api flutte
  • Android minSdkVersion 与 Flutter(v2.8.1)

    我已经安装了 firebase 包 据我们所知minSdkVersion 19被推荐 所以 我想做这个过程 但是 我看到这一行包含在android app build gradle file minSdkVersion flutter mi
  • 在flutter中使用REST api将列表数据发送到cloud firestore时出错

    我无法在 flutter 中使用 REST api 将字符串列表发送到云 firestore here is my code Future
  • 无法使用 flutter 访问移动应用程序中 iframe 内的 Webview 元素

    我正在尝试使用 flutter 访问移动应用程序中的登录表单 网络视图 来编写我的自动化测试用例 原生元素是可以访问的 但是当我尝试访问框架内的 web 视图上的元素时 它不允许我访问该元素 如果有人遇到类似问题 请提供帮助 我尝试使用以下
  • 无法更改 OutlinedButton 中的边框颜色

    我正在尝试改变我的边界OutlinedButton in my main dart但它似乎不起作用 我环顾四周 似乎我需要添加BorderSide 这就是我的outlinedButtonTheme好像 outlinedButtonTheme
  • 如何通过与flutter cloud firestore插件中的日期比较来获取记录?

    正在开发一个 flutter 应用程序 我使用 firebase cloud firestore 来存储我的所有文档 我的文档有一个开始日期时间字段的格式如下 我想获取 startDateTime 大于或等于当前日期的所有记录 这是我的颤振

随机推荐

  • Unreal Engine 和 Clion(无法获取编译器信息)

    我已经通过启用 Clion 扩展来设置我的虚幻引擎以使用 Clion 作为文本编辑器 还在 Clion 市场中下载了虚幻引擎扩展 当我在虚幻引擎编辑器中单击 生成并打开 Clion 时 它会打开 clion 加载项目需要一些时间 然后抛出错
  • 为 HTML5 视频创建自定义音量控制时出现问题

    我正在开发一个相当复杂的项目 需要自定义音量滑块来控制 HTML5 视频元素 我将音量控制简化为一个非常简单的示例 我认为没有理由它不工作 我希望对以下代码有任何见解 jQuery HTML
  • MySQL:在一个查询中计算两件事?

    我的一个表中有一个 布尔 列 值为 0 或 1 我需要获得两个计数 布尔值设置为 0 的行数和布尔值设置为 1 的行数 目前我有两个查询 一个用于计算 1 另一个用于计算 0 MySQL在使用WHERE条件计算行数时是否会遍历整个表 我想知
  • 有 Spring 4 的 Maven 存储库吗?

    我正在寻找 Spring 4 0 M1 与 Java 8 一起使用 根据this https jira springsource org browse SPR 10292 page com atlassian jira plugin sys
  • 无法在包基础国际化中加载笔尖

    我有一个在 xcode 4 5 中创建的项目 目标 ios 为 5 0 并且我使用了 Base Internationalization Base Internationalization 将 nib 文件移至 Base lproj 该项目
  • javascript/jquery 模板建议

    我正在开发一个高度依赖 javascript 的大型应用程序 其中一部分将在屏幕上显示信息 我希望在 ui 上显示信息 并且正在考虑使用 javascript 模板来执行此操作 我将使用 jquery 框架 对 javascript jqu
  • linux GPIO C API

    我有一个 powerpc 板 上面运行着 3 2 内核 使用 sysfs 访问 GPIO 按预期工作 例如 gt echo 242 gt sys class gpio export gt cat sys class gpio gpio242
  • NodeJS,返回 res.json 是一个不好的做法吗

    我正在使用 NodeJS 构建 ExpressJS 应用程序 我的问题是如果我这样做的话会有什么性能差异 app get test function req res fn function err data if err return re
  • 如何捕获 JFrame/Swing 中的所有鼠标事件?

    我有一个 JFrame 它有大量不断变化的子组件 多层 有没有办法为所有鼠标事件添加监听器 像 Key EventDispatcher 这样的东西 使用 ADDEventListener 过滤掉鼠标事件 long eventMask AWT
  • 非 jQuery .ready() 替代方案,在 jQuery 的 .ready() 之前执行,与 DOMContentLoaded 不同

    我正在制作一个不依赖 jQuery 的插件 为了与各种现有的流行 jQuery 功能和插件很好地配合 它必须执行一个函数after已到达 DOM 末尾 但是不之后使用 jQuery 执行稍后排队的任何内容 ready 标准非 jQuery
  • Sublime Text 2 - 已安装 Package Control 但未显示列表

    I am using Sublime Text 2 for Mac I have installed the Package Control for Sublime Text 2 following the instructions fro
  • Spring数据JPA获取

    有没有办法定义 Spring 数据规范 返回 JPA 谓词 其唯一目的是执行急切获取 我有一个使用延迟加载定义各种关系的实体 但有几个查询我想返回整个实体表示 包括所有相关集合 但这些查询的条件可能有所不同 我看过一些帖子 例如春季论坛 h
  • ng-grid 如何在最后一行的列单元格中显示/隐藏按钮

    我有一个 ng grid 表 其中一列 Defs 有一个单元格模板来显示图标 目前图标显示在所有行中 谁能帮助我如何显示 ng grid 中最后一行的图标 我尝试使用ng show last 并没有奏效 scope reasonsGrid
  • Gradle 无法 HEAD https://..pom > 对等点未经过身份验证

    当您从 gradle 2 0 升级到 2 1 时 您可能会看到以下错误 Could not HEAD https jcenter bintray com de undercouch gradle download task 1 0 grad
  • 基于 ASP.NET WebAPI 控制器生成 JS 客户端

    在使用 RESTful API 的现代 Web 项目中 我们经常看到像下面这样的 AJAX 调用散布在我们的 JavaScript 文件中 ajax type POST url myapp baseUrl Api Note data ko
  • 将 JSON 反序列化为类

    服务器返回 JSON 的以下部分 condition or and operand a operator value true not operand b operator
  • Flutter,如何创建嵌入文本的边框?

    有谁知道如何创建顶部带有文本的边框 如下所示 创建帐户 Stack children
  • SKSpriteNode 隐藏在父节点下方

    使用 Swift 和 SpriteKit 我遇到了当将 SKSpriteNode 作为子项添加到另一个 SKSpriteNode 时未显示的问题 相比之下 放置在完全相同位置的 SKLabelNode 确实会出现 does not show
  • Javascript - onerror 事件在 Firefox 中不起作用

    img src 这个非常简单的 onerror 事件处理程序会在找不到图像时隐藏图像 它在 Chrome 中按预期工作 但在 Firefox 中 它什么也不做 这是一个 jsFiddle 您可以尝试在 Chrome 和 Firefox 中运
  • 在flutter中将小部件封装在它自己的类中?

    我正在尝试创建一个tile for my listview 虽然图块在放置在列表视图文件中时可以工作 但我想知道如何封装tile小部件到它自己的类文件中 具体来说 如果tile对象不接受参数 我可以简单地扩展一个无状态小部件并调用build