首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Flutter TextField详解

基本属性 TextField是一个material design风格的输入框,本身有多种属性,除此之外装饰器InputDecoration也有多种属性,但都比较简单,所以不必担心,且听我娓娓道来。..., this.onTap,//点击事件 this.buildCounter, this.scrollPhysics, }) 参数很多,其实日常开发中连一半的属性都用不到,但还是会尽量多的介绍...this.prefixIcon,//左侧内的图标 this.prefix, this.prefixText,//左侧内的文字 this.prefixStyle, this.suffixIcon...以上就是图标的介绍,其实除了图标之外,对应的位置也可以显示文字或者自定义显示其他widget 比如出了prefixIcon之外还有其他3个属性,用法跟上面介绍到的自定义计数器是一样的。...aaa', labelText: '请输入账号', ), ), 可以看到,默认显示labelText

4.3K40
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Flutter 全栈式——基础控件

    用于输入框的焦点管理和监听 decoration InputDecoration 输入框的装饰器,用于修改外观 keyboardType TextInputType 设置输入类型,不同的输入类型键盘会不一样...输入框是否可用 readOnly bool 是否只读 装饰器 InputDecoration 属性名 类型 简述 icon Widget 设置位于输入框前的图标 labelText String 设置描述输入框的标签...,例如手机号前面预先加上区号等 prefixStyle TextStyle prefixText的样式 suffixIcon Widget 位于输入框尾部的图标 suffix Widget 位于输入框尾部的控件...InputBorder 输入框禁用时显示的边框,errorText必须为空 enabledBorder InputBorder 输入框可用时显示的边框,errorText必须为空 border InputBorder...这时候可以将装饰器设置为InputDecoration.collapsed(hintText: 'hint')表示禁用装饰线 输入校验 TextInputFormatter inputFormatters

    3.8K40

    【Flutter 专题】08 小小优化【登录】页面

    和尚前两天花了很久才搭建了一个最简单的【登录】页面,但依然还有很多需要优化的地方,和尚又花了很久的时间尝试做了一点点的优化,仅针对优化的部分简单整理一下。 ?...', suffixIcon: new IconButton( icon: new Icon(Icons.clear, color: Colors.black45...和尚为了测试,在【输入用户名】模块采用了方法一,【输入密码】模块采用了方法二。...优化四:根据输入文本框添加【温馨提示】对话框 Flutter 提供了创建和显示弹出对话框的功能,如:showDialog/showMenu/showModalBottomSheet 等,和尚采用的是对话框方式...相关注意 Flutter 提供了很多便利的小图标,使用起来非常方便,和尚但就一个小【×】找到了好几个类似的图,希望可以多多尝试,体验一下。

    1.5K51

    TDesign 更新周报(2022 年 3 月第 4 周)

    存在不兼容更新 Bug Fixes Popup: 修复 document click 多次触发导致异常关闭的问题 Progress: 修复 theme = plump 且 percent = 10 时没有展示文案的问题..._wrap 层 Bug Fixes Dialog: 修复 dialog 组件点击警告 Steps: 修复 readonly 状态下依然可以点击 Cascader: 修复动态改 options 为空数组不生效...SelectInput: 修复在非输入状态下无 focused 态, 修复在非输入状态下不能显示清除按钮, 修复在 single 模式下 inputValue 的受控表现 Features ColorPicker...Select: Option 子组件配合自定义 keys 使用异常 Selectinput: type 类型问题及 key 重复问题 Input: 修复 input type 为 password 场景下 suffixIcon...Stepper: 修复图标偏移的问题 Search: 修复 action-click 事件不生效的问题 Textarea: 修复 Form 无法获取值的问题 Feature 增加点击态 Grid Tabbar

    93730

    HTML-CSS基础学习

    datagrid 表示可选数据的列表,以树形列表形式显示 email 表示必须输入E-mail地址的文本输入框 url 表示必须输入URL地址的文本输入框 number...text-decoration-line 文本装饰线条的位置 text-decoration-color 文本装饰线条的颜色 text-decoration-style 文本装饰线条的形状 text-decoration-skip...overflow-y属性 指明如果溢出元素内容区域的话是否对内容的上下边缘进行裁剪 overflow -visible 不裁剪内容,可能会显示这内容框外 -hidden 裁剪内容,不提供滚动机制...lower-roman 小写罗马数字 -upper-roman 大写罗马数字 -lower-alpha 小写英文字母 -upper-alpha 大写英文字母 list-style-position属性 用来定义项目符号这列表中显示的位置...,可以继承 -outside 项目符号放置这列表项文本以外 -inside 项目符号放置这列表项文本以内 list-style-image属性 用来定义代替列表项符号的图像 复合属性: list-style

    4.8K30

    FL STUDIO2023最新V21版本更细功能介绍

    其次提供了音效编辑器,音效编辑器可以编辑出各类声音针对在不同音乐中所要求的音效,例如各类声音在特定音乐环境中所要展现出的高,低,长,短,延续,间断,颤动,爆发等特殊声效。...预设位于...文档\图像行\FL 工作室\设置\主题 项目文件 在“项目常规设置”下的数据文件夹部分添加了“始终询问”,该窗口在创建或保存新项目时打开“新建项目”窗口(可选)。...设置窗口 该窗口已重新设计,允许长时间的本地化文本和稍后的搜索,但尚未!还允许调整设置窗口的高度,使其适合垂直分辨率较低的屏幕。 备用撤消 在新计算机上安装时默认启用。...键入值 选择时将显示有关当前值的详细信息。 添加乐器轨道菜单 [+] 不再显示无法添加为乐器轨道的项目。 钢琴卷 双击空图案剪辑时打开所选通道。...下载图像后立即显示图像。 在插件数据库中显示有关插件的更多信息。 从右键单击的光标位置开始播放。

    3.4K20

    CSS基础(二)

    公式: 还有4的倍数:4n 属性选择器: E[attr] E[attr="val"] 定位: 网页的三种布局方式:标准流、浮动、定位 目的: 解决盒子与盒子之间的层叠问题 让盒子始终固定在屏幕中的某个位置...用百分比 left:50%; width:300px; margin-left:-150px;(不推荐使用) top:50%; height:300px; margin-top:-150px...z-index: 整数;//默认情况下,数值为0 装饰: 一、对齐 基线: 浏览器文字类型元素排版用于对齐的线(baseline) 浏览器遇到行内和行内标签当作文字处理...vertical-align: middle/top/bottom; 二、光标类型: 属性值 效果 default 默认值,通常是箭头 pointer 小手效果 text 工字形 move 十字光标...,自动显示或者隐藏滚动条 五、显示隐藏 元素本身隐藏 让某元素本身在屏幕中不可见。

    1.8K20

    英科学家利用阻断mRNA信号,首次用药物实现了对“舞蹈症”的直接治疗 | 黑科技

    实验显示,该药物的耐受性良好,不会带来重大副作用。 11日晚,BBC发布消息称,人类首次可以通过药物针对亨廷顿病的致病基因进行治疗,并完成了临床试验,实现了神经退行性疾病研究上的重大突破。...亨廷顿病(Hutington's disease)是一种具有遗传性的神经退行性疾病,患有亨廷顿病的病人每天从早到晚四肢都在不自主地颤动、甩动,就像是在跳一种奇异的“舞蹈”,故得名“舞蹈症”,甚至在睡梦中...目前,在对亨廷顿病的治疗上,药物治疗是首选,但现有的治疗方案只能缓解病情,无法达到对疾病的治疗,并且近五十年来,在这一领域的研究始终都无法获得大的进展。...此前,研究人员担心该实验药物会引发致命的脑膜炎,但结果显示,这一担心是多余的。

    55300

    TDesign 更新周报(2022年7月第1周)

    同时存在 provide 和 setup#provide 导致卡顿的性能问题DatePicker: 修复suffixIcon、clear事件问题详情见:https://github.com/Tencent...修复动态数据合并元格问题Table: 修复树形结构设置 indent = 0 无效问题Slider: 使用 InputNumber 时在使用 range 属性情况下传入 min 或 max 会导致手动输入显示...失效Dialog: 修复滚动失效问题select: 修复多选下换行提前占满一行的问题Upload: 修复 disabled 依然可删除问题colorPicker: 修复在 ColorTrigger 输入色值时...,自动format输入值并回填的问题table: 兼容树状表格未传入 tree 属性的场景详情见:https://github.com/Tencent/tdesign-react/releases/tag...iconColor 属性autofocus 更名为 focuscancelButtonText 更名为 action新增 leftIcon 支持左侧图标定制新增 value 和 default-value 控制输入框的值

    2.3K10

    【HTML + CSS】模仿腾讯云页面——细节优化

    -- ...... --> 在原来单独的 img 标签嵌套格式中,为 img 标签添加 h1 标签,并一定注意显示模式的转换,否则后侧文字会靠下显示(...height: 40px; background-color: #2b303b; /* background-color: orange; */ } .nav h1 { /* 不转换...h1 显示模式 后面 container 会换行显示 */ display: inline-block; padding-left: 240px; } .nav .container...不知道大家有没有发现,Tencent-logo 下方列表对应字体后方有个装饰性的小标签,英文状态下的 > 符号,初稿使用伪元素实现,但是装饰元素和字体间的距离并没有控制 今天换一种思路解决该问题 在字体后添加装饰元素...:英文状态下的 > 符号,添加浮动效果,设置 margin-right 尺寸即可 top-list.html 不再使用伪元素控制,更新为添加 float:right 浮动 <div class=

    1.8K10

    最新iOS设计规范四|3大界面要素:视图(Views)

    通过大小写及标点符号来共同完成文本语句,而且需要注意不要在句子中间使用结束标点符号。 如果你必须提供信息,尽可能写简短完整的句子。...因为集合没有强制执行严格的线性格式,所以它特别适合显示大小不同的项。 一般来说,集合非常展示基于图像的内容。可以选择性地呈现背景和其他装饰性的视图,用以区分项目的子集。 ? 集合支持交互性和动画。...这种样式的表始终包含至少一组,并且每组始终包含至少一行,并且可以在其后跟一个页眉和一个页脚。插入分组表不包含索引。插入的分组样式在常规宽度的环境中效果最佳。...为了用户可以流畅地进行数据输入,在编辑文本视图期间显示的键盘,应该适合于该字段中的内容类型。例如,输入支付密码弹出的是数字键盘。...使用网页视图让用户在不离开APP当前页的情况下,短暂地访问网站很好,但Safari是用户在iOS上浏览网页的主要方式。所以在你的APP中提供与Safari相似的功能没有必要的,而且也不鼓励这样做。

    8.5K31

    鸿蒙应用开发从入门到入行 - 篇3:ArkUI布局基础与制作可交互页面

    e则是事件对象,但用的略少,不需要时,可以不写e,替换为小括号Button('登录').onClick(() => { // 处理代码})提示框如果现在,我希望点击按钮后弹出登录成功的提示框怎么办呢?...,不填则默认为1500});技巧:可以在写代码时,直接写promptAction,然后出提示后按回车,DevEco会自动帮你生成导入的代码,如下图注意:duration为提示框多久后消失(也即显示时长)...,可以不填,不填则默认为1500,并且最小值也是1500,最大值是10000。...这里说明一下:首先是用`这个符号包起来,跟单引号双引号都表示字符串,但区别在于模板字符串能很方便做字符串拼接,例如上面的代码,相当于是 '账号:' + this.userId + '密码:' + this.userPwd...然后我们去预览起的界面上重新输入,再点按钮输出,看显示什么(具体看截图,可以看到在哪看console.log输出的内容)小结:在输入框里,使用成员变量前加 $$即可双向绑定需注意:目前$$仅能用在基本数据类型且绑定给内置组件装饰器

    18710

    matlab plot函数详解取值范围_matlab为什么plot不出来图

    如果用户省略了线条样式,但制定了标记字符,则plot函数只显示标记符,但不会显示线条。 plot函数在绘制线条时,线条属性主要包括三个方面,一是线型的使用。...符号 含义 符号 含义 符号 含义 符号 含义 r 红 b 蓝 y 黄 w 白 g 绿 c 青 k 黑 m 品红 三是标志符的应用,它可以更有效的显示出数据点的位置。...符号 含义 符号 含义 符号 含义 符号 含义 ....实心点 < 朝左三角 d 菱形 p 五角星 + 十字号 > 朝右三角 h 六角星 s 方块 * 星号 v 朝下三角 o 空心圆圈 x 叉字符 ^ 朝上三角 matlab对plot函数中线条属性的修改...本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

    1.5K20
    领券