开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

在flutter中有没有像TextEditingController这样的复选框控制器？

在Flutter中，没有像TextEditingController这样的复选框控制器。 TextEditingController是用于控制文本输入框的控制器，用于获取和修改输入框中的文本内容。它提供了一些方法和属性，例如text用于获取或设置文本内容，selection属性用于获取或设置文本的选择范围，addListener方法用于监听文本内容的变化等。

在Flutter中，如果需要控制复选框的状态，可以使用CheckboxController或CheckboxListTileController。CheckboxController是用于控制单个复选框的状态，而CheckboxListTileController是用于控制复选框列表中每个复选框的状态。

CheckboxController提供了value属性用于获取或设置复选框的选中状态，addListener方法用于监听复选框状态的变化。CheckboxListTileController则提供了一个List来管理多个复选框的状态，可以通过value属性获取或设置复选框列表的选中状态，也可以通过addListener方法监听复选框列表状态的变化。

以下是腾讯云相关产品和产品介绍链接地址，供参考：

腾讯云官网：https://cloud.tencent.com/
云服务器（CVM）：https://cloud.tencent.com/product/cvm
云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
人工智能平台（AI Lab）：https://cloud.tencent.com/product/ailab
物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/iothub
移动开发平台（MPS）：https://cloud.tencent.com/product/mps
云存储（COS）：https://cloud.tencent.com/product/cos
区块链服务（BCS）：https://cloud.tencent.com/product/bcs
腾讯云元宇宙：https://cloud.tencent.com/solution/virtual-universe

相关搜索:android ndk中有没有像AAsset_closeFileDescriptor这样的东西？flutter中有没有库或widget可以用来制作像附加gif这样的widget？Java Mail中有没有像SpecifiedPickupDirectory这样的SMTP配置？在*中有像apply lem这样的东西吗？在C#中有没有像equalsIgnoreCase这样的方法在elasticsearch中有没有像ignore_below这样的文本类型？在flutter中有没有可能有像这样的小部件在Hazelcast 4.2中有没有像ClientConfig.setConnectionAttemptLimit()这样的东西？在jquery中有没有像sql server中的NULLIF()这样的替代函数？在JS中有没有像Python中的int.to_bytes()这样的函数？

相关搜索:

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

有帮助

没帮助

相关·内容

Flutter跨平台移动端开发丨Text、Button、Image、Switch、Checkbox、TextField

NetworkImage：从网络记载图片的 ImageProvider AssetImage（加载本地图片）工程根目录下创建文件夹 images 存放图片文件在 pubspec.yaml 文件中...flutter 部分添加图片注册信息 flutter: # The following line ensures that the Material Icons font is # included...this.width, //图片的宽 this.height, //图片高度 this.color, //图片的混合色值 this.colorBlendMode, //混合模式 this.fit...TextInputType.text : TextInputType.multiline), super(key: key); 输入框控制器 TextEditingController 输入框事件监听...TextEditingController _accountController = new TextEditingController(); // 密码输入框控制器 TextEditingController

2.5K4 0

Flutter 数据持久化存储之Hive库

我们就写这样一个场景，对于人员信息的操作，可以增加、查询、修改、删除、删除所有。基于这个场景我们就可以去设计UI了，我们尽量在一个页面去解决，更直观一些（PS：我也是偷一个懒）。 ...控制器我们就放到GetX中使用，在page包下新建一个hive_controller.dart，代码如下所示： import 'package:flutter/material.dart'; import...(); ageEditController = TextEditingController(); } } 这里主要就是对于输入框控制器的初始化。...运行一下：这样增加的UI就写好了，下面我们构建显示和删除的。...如下图所示：在列表的Item中我们除了显示用户的名称和年龄之外还有两个功能按钮，分别用于修改和删除，如下图所示：针对于删除很简单之后调用控制器里面写好的函数就可以了，删除之后列表会自动刷新的

930 0

输入和选择

相信大家在原生客户端上都用过这个功能，就不在做具体介绍了，接下来还是具体介绍下Flutter中TextField的用法。...TextEditingController _userNameController = new TextEditingController(); //密码输入框的控制器 TextEditingController...在逻辑上，每当我们点击下面的按钮都会判断用户名密码是否是flyou和admin，并且使用控制器清空已经输入的用户名和密码。...下面我们来你看下Checkbox Checkbox Checkbox，没错就是我们常用的复选框，具体的用法也很简单的构造方法： const Checkbox({ Key key, @required...ListTitle，只不过在多了一个上面的Widget而已，当然用法也是非常简单的。

2.4K2 0

flutter之文本输入

Flutter 提供了两个开箱即用的文本框组件：TextField 和 TextFormField。 TextField TextField 是最常用的文本输入组件。...例如，我们希望根据用户输入的内容来返回的搜索结果。那么如何每次在文本内容改变时调用回调函数呢？...在Flutter中，我们提供了两种选择：给 TextField 或 TextFormField 绑定 onChanged() 回调 Supply an onChanged() callback to...text field 创建一个函数来打印最新值监听控制器的变化创建一个 TextEditingController 创建一个 TextEditingController： Create a TextEditingController..._printLatestValue() { print("Second text field: ${myController.text}"); } 监听控制器的变化最后，需要监听 TextEditingController

2.5K2 0

Flutter | 常用组件

，就是应为 Text 本身就是 RichText 的一个包装，而 RichText 是可以显示多种样式(富文本)的 widget，样式如下：字体在 flutter 中使用字体需要两个步骤，首先是在...是没有阴影的，这样总会感觉差了点啥，如果需要阴影，可直接使用 RaisedButton 即可 const RaisedButton({ ......，使用 FadeInImage 之后会在图片的加载过程中显示一个占位符，在图片加载完成之后显示淡入 ICON 在 Flutter 中，可以直接使用字体图标，它是将图标做成字体文件，然后通过指定不同的字符而现实不同的图片...而在 iconfont 中，只是将位码对应的字形做成了图标，所以不同的字符最终就会渲染成不同的图标在 Flutter 中，iconfont 和图片相比有如下优势 1，体积小 2，矢量的图标，放大不会影响清晰度...3，可以应用文本样式，可以像文本一样改变字体图标颜色，大小对齐等 4，可以通过 TextSpan 和文本混用使用 Material Design 字体图标 Flutter 默认包含了一套 Material

11.4K3 0

Flutter中的文本输入框组件TextField

Flutter中的文本输入框使用TextField 这个组件来表示。主要的属性如下： 1. maxLines 最大输入行。...主要用于密码输入框； 4. controller 文本控制器。当输入框有默认的输入值时就需要用到文本控制器； 5. decoration 装饰器。...:flutter/material.dart'; class TextFieldPage extends StatelessWidget { const TextFieldPage({Key...给输入框加上默认的值，代码如下： import 'package:flutter/material.dart'; class TextFieldPage extends StatefulWidget...(TextEditingController用于要赋初始值时) var _username = new TextEditingController(); // 没有默认赋值的声明方式

4.9K2 0

setState

我感觉这样挺好看的，不枉我精心调试一番。喜欢的话，可以自己抽个组件。 ?...，根据key和value展现数据和复选框状态 4.复选框通过点击，改变todo的状态，来显示对勾以及文字下划线 5.根据showType的不同，选择过滤的方式。...6.在适宜的状态值改变时，调用老夫的setState来更新 ---- 2.2:输入框监听 onChanged: (str) { text = str; }, ---- 2.3:点击按钮监听注意收起键盘的操作...结语本文到此接近尾声了，如果想快速尝鲜Flutter，《Flutter七日》会是你的必备佳品;如果想细细探究它,那就跟随我的脚步，完成一次Flutter之旅。...另外本人有一个Flutter微信交流群，欢迎小伙伴加入，共同探讨Flutter的问题，本人微信号:zdl1994328，期待与你的交流与切磋。

9392 0

《深入浅出Dart》Flutter实战之TODO应用

现代JavaScript高级小册深入浅出Dart 现代TypeScript高级小册 Flutter实战之TODO应用在本篇文章中，我们将构建一个TODO应用，使用最新的Dart语法和Flutter框架...在lib/screens/todo_list_screen.dart中创建一个新的Dart文件，并添加以下代码： import 'package:flutter/material.dart'; import...在lib/screens/todo_edit_screen.dart中创建一个新的Dart文件，并添加以下代码： import 'package:flutter/material.dart'; import...在initState方法中，我们初始化了文本编辑器的控制器，并根据传入的任务初始化了相应的值。在build方法中，我们使用Scaffold和Column来显示标题、描述和完成状态的输入字段。...在终端中，运行以下命令来启动应用程序： flutter run Flutter将在模拟器或设备上运行应用程序，并显示任务列表界面。

1862 0

flutter 输入框组件TextField的实现代码

相信大家在原生客户端上都用过这个功能，就不在做具体介绍了，接下来还是具体介绍下Flutter中TextField的用法。...这是一个默认的输入框,我们什么都没有做的时候的样子....TextEditingController phoneController = TextEditingController(); //密码的控制器 TextEditingController...在逻辑上，每当我们点击下面的按钮都会判断用户名密码是否符合要求，并且使用控制器清空已经输入的用户名和密码。...我们有时候会需要这样的情况, 比如一个登录页面, 需要输入账号和密码 , 自然输入完账号就要输入密码了 , 我们在输入账号结束的时候 , 让密码输入框获取到焦点 . 看一下代码: ...

4.7K1 1

Flutter TextField（输入控件）

new TextField( //最普通的TextField，没有任何提示 ), （图二）TextFeild简易示例 ?...4、登录示例 import 'package:flutter/material.dart'; import 'package:flutter/services.dart'; class TextFieldDemo...return TextFieldDemoState(); } } class TextFieldDemoState extends State { //手机号的控制器...TextEditingController phoneController = TextEditingController(); //密码的控制器 TextEditingController...可以更改角落的光标颜色，宽度和半径。例如，这里我没有明显的原因制作一个圆形的红色光标。

3.2K2 0

setState

我感觉这样挺好看的，不枉我精心调试一番。喜欢的话，可以自己抽个组件。...todo中 3.todo用来渲染Todo列表，根据key和value展现数据和复选框状态 4.复选框通过点击，改变todo的状态，来显示对勾以及文字下划线 5.根据showType的不同，选择过滤的方式...6.在适宜的状态值改变时，调用老夫的setState来更新 ---- 2.2:输入框监听 onChanged: (str) { text = str; }, ---- 2.3:点击按钮监听注意收起键盘的操作...." ---- 结语本文到此接近尾声了，如果想快速尝鲜Flutter，《Flutter七日》会是你的必备佳品;如果想细细探究它,那就跟随我的脚步，完成一次Flutter之旅。...另外本人有一个Flutter微信交流群，欢迎小伙伴加入，共同探讨Flutter的问题，本人微信号:zdl1994328，期待与你的交流与切磋。

9363 0

【第21期】Flutter 文本框初始化时显示默认值

刚开始做Flutter文本框时候，使用的是TextField。似乎大多数情况下都没有问题。...但是现在有一种情况： **问题1: **当页面文本框中的初始值是动态的，从后台获取到的时候，应该怎么办呢？这种情况下，说明创建TextEditingController时，并不知道文本内容。...这种情况我根本没遇到过，但是我觉得Flutter肯定有解决方法。...所以我去找了一下Flutter的文档，总算是没有白找，找到了一个(https://api.flutter.dev/flutter/material/TextFormField-class.html)[组件...TextFormField：例如制作一个表单，表单中有用户姓名，姓名必须包含@符号。这个时候就需要使用TextFormField这个组件 ?

4.4K2 0

Flutter组件学习（三）—— 输入框TextFiled

序言 Google 前两天发布了 Flutter 1.0 正式版本，正式版发布之后，LZ身边越来越多的人都开始入坑了，不得不说 Flutter 框架的魅力还是很吸引人的哈，所以我们更要抓紧学习了；之前我写了两篇文章来介绍...Flutter中的Text组件和 Flutter中的Image组件，今天我们继续学习输入框 TextFiled 组件，话不多说，先上图： image TextFiled组件的API 先来看一下TextFiled...EdgeInsets.all(20.0), 28 this.enableInteractiveSelection = true, 29 this.onTap, 30}) 哇，乍一看好多配置啊，别急大兄弟，有很多我们在讲...Text 组件的时候已经讲过的，接下来我们一个一个来看这些属性： 1、controller 根据字面意思我们就可以知道，这是一个控制器，毫无疑问当然是控制 TextField 组件的了，用处有很多，可以监听输入框的输入...1TextEditingController _textEditingController = new TextEditingController(); 2 3new TextField( 4

2.4K5 0

setState

条目的复选框选中，条目的文字自动添加下划线 3. 条目的复选框非选中，条目的文字自动取消下划线 4....我感觉这样挺好看的，不枉我精心调试一番。喜欢的话，可以自己抽个组件。...这里状态有点乱，我画了幅图说明一下: 状态量有三个:text 输入框的文字，todo列表数据，showType展现类型 1.输入框通过监听，改变text的值 2.在添加按钮点击时，将加入到状态值...todo中 3.todo用来渲染Todo列表，根据key和value展现数据和复选框状态 4.复选框通过点击，改变todo的状态，来显示对勾以及文字下划线 5.根据showType的不同，选择过滤的方式...6.在适宜的状态值改变时，调用老夫的setState来更新 2.2:输入框监听 onChanged: (str) { text = str; }, 2.3:点击按钮监听注意收起键盘的操作FocusScope.of

1.3K1 0

使用 Flutter 制作地图应用

本文主要介绍使用 Flutter 制作地图应用在本文中，我将向您展示如何使用 Flutter 向您的应用程序添加映射功能。...这是来自Material官方网站的的图片 TextField是由7个控件组成，其中有些控件默认不显示，我们可以对各个控件单独设置想要的样式来满足不同的UI展示需求。...输入文字的过程中，这样方便我们在用户输入的时候就可以判断输入内容是否合法。输入完成的时候，这个时候我们可以拿到输入内容做一些操作。与键盘事件的配合，在必要的时候回收键盘。...TextField提供了三个回调方法 onChanged 此方法是在输入有变化的时候就会回调。参数是当前已经输入的内容 onSubmitted 此方法是在我们输入完成后，点击键盘上回车的时候回调。...不会带有参数需要注意是onEditingComplete回调方法没有携带参数。如果我们需要在onEditingComplete方法中获取到当前的输入值。

2.6K0 0

Flutter+Dart聊天实例|flutter仿微信聊天|红包|朋友圈

Flutter_Chatroom聊天室项目是基于flutter+dart技术开发的跨平台聊天实战案例，基本实现了登录/注册表单验证、消息表情发送、图片预览、红包/视频/朋友圈等功能。...顶部沉浸式状态条+底部tabbar 至于在flutter中如何实现顶部透明状态栏(去掉状态栏黑色半透明背景)，去掉右上角banner，详细介绍可以去看这篇文章 https://segmentfault.com...中圆点数字/红点提醒如下图红点提示在flutter没有提供这种组件，只能自定义实现。...聊天页面实现|TextField编辑框插入表情 360截图20200513093616798.png flutter中TextField文本框提供的maxLines属性可实现多行/换行文本，不过默认会有高度...聊天消息滚动到最底部，使用的是ListView里controller控制器jumpTo方法实现 ScrollController _msgController = new ScrollController

6.6K3 1

Flutter状态管理--GetX的简单使用

一、前言 Flutter开发，就需要对各种状态的管理，就是在请求数据的时候需要实时变化，各种交互变化等，在没有使用GetX之前使用Provider,用Provider的时候觉得真香，挺方便的，需要刷新的时候直接...这边介绍下GetX的使用以及常用的方法。二、 GetX GetX 是 Flutter 上的一个轻量且强大的解决方案：高性能的状态管理、智能的依赖注入和便捷的路由管理。...路由管理 getx内部实现了路由管理，这个是非常重要的，这样我们就不需要使用其他第三插件，之前都是使用fluro，现在直接不用了，而且getx的路由管理真的真的非常简单。...这样就可以直接使用了，会发现这边没有 Get.put，或者Git.find，使用的时候直接controller。...界面处理数据，需要再B界面显示的时候，或者C界面，在或者D界面。

2.9K2 0

Flutter TextField 设置默认值和光标位置

Flutter TextField 是一个文本输入框，可以结合使用 TextEditingController 来获取输入框中的内容以及设置 TextField 中默认显示的内容 TextEditingController..._textEditingController = new TextEditingController(); TextField( controller: _textEditingController..., ), 一般我们设置默认显示的内容时可以这样 _textEditingController.text ="weaster"; 这样导致的问题就是设置值后，输入框的光标会显示在文本最前面，用户体能不好...，我们期望的是光标保持在文本最后，所有可以这样来设置 String textStr ="weaster"; _textEditingController.value = TextEditingValue

2.8K2 0

Flutter 构建一个 todo list 应用

今天，我们将使用 Flutter 构建一个动态的 todo list 的应用。开发完成的效果如下：我们直接进入正题。...我们告诉 flutter 一个 todo 项应该包含什么，什么字段是必须的。在我们的案例中，我们有名字和 checked 两个状态属性。...我们返回了应用的一个脚手架，在脚手架上，我们添加了一个包含标题的 appBar 的属性。我们定义了 body 属性，这将存放 ListView 组件。...中的 Future 表明在将来的某个时候将返回潜在的值或者错误信息。...在我们的案例中，将会返回用户输入的值。对话框中有一个动作，就是当我们点击按钮的时候，将会关闭对话框并且调用 _addTodoItem 函数。

1.2K1 0

Flutter中的路由与跳转

静态路由 ---- 在Flutter中有着两种路由跳转的方式，一种是静态路由，在创建时就已经明确知道了要跳转的页面和值。另一种是动态路由，跳转传入的目标地址和要传入的值都可以是动态的。...OK，还是先来介绍下静态路由从我们开始学习Flutter到现在，相信大家看到最多的肯定是下面的代码 void main(){ runApp(new MaterialApp()); } 在runApp...动态路由 ---- 在Navigator中还有一个方法是push（）方法，需要传入一个Route对象，在Flutter中我们可以使用PageRouteBuilder来构建这个Route对象。...页面出栈 ---- 在Flutter中我们可以使用Navigator.of(context).pop()进行出栈操作，但是值得注意的时如果页面上有Dialog、BottomSheet、popMenu类似的...这样我们就可以根据第二个页面返回的值做相应的操作，如果你需要在接到返回值后更细界面，你需要使你的Widget继承StatefulWidget。

1.5K2 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭