From ea12dcbea5117a9e7b11ab7517a21adec8e30319 Mon Sep 17 00:00:00 2001 From: "xiaojia22326@163.com" Date: Fri, 11 Jan 2019 15:59:31 +0800 Subject: [PATCH] update desribe --- .../elements/Form/Input/TextField/index.dart | 44 +++++++++---------- 1 file changed, 21 insertions(+), 23 deletions(-) diff --git a/lib/widgets/elements/Form/Input/TextField/index.dart b/lib/widgets/elements/Form/Input/TextField/index.dart index 3a4e6550..1b353f52 100644 --- a/lib/widgets/elements/Form/Input/TextField/index.dart +++ b/lib/widgets/elements/Form/Input/TextField/index.dart @@ -10,48 +10,47 @@ import '../../../../../common/widget_demo.dart'; import 'package:flutter/material.dart'; -import './text_field_demo.dart' ; +import './text_field_demo.dart'; - -const String _textFieldText0 = -"""### **简介** -> Text Field “文本字段” -- 文本字段允许用户输入文本,无论是硬件键盘还是屏幕键盘。 -- 每当用户更改字段中的文本时,文本字段就会调用Onchange的回调。 -- 如果用户指示他们在字段中输入完成(例如,通过按软键盘上的按钮),则文本字段调用onSubmitted回调。 +const String _textFieldText0 = """### **简介** +> TextField 最常用的文本输入widget +- 该 widget 作为文本输入框,可以接收用户以屏幕按键或者键盘输入的文本信息,该信息可以用于消息传递,搜索体验等 +- 用户修改文本信息时,Onchange会被调用,获取到最新的文本信息 +- 已知用户输入的字段文本输入完毕时(例如,通过按软键盘上的按钮确认输入完毕),该widget会调用onSubmitted回调 """; -const String _textFieldText1 = -"""### **基本用法** -> 参数的默认的按钮和禁用按钮 -- 默认情况下,文本字段具有在文本字段下方绘制分隔符的修饰。 -- 您可以使用装饰属性来控制装饰,例如通过添加标签或图标。如果将装饰属性设置为空,则将完全删除装饰,包括装饰引入的额外填充,以节省标签的空间。 -- 如果装饰是非null(这是默认的),文本字段需要它的祖先之一是一个材质widget。当文本字段被敲击时,墨水溅到材料上的油漆被触发。 -- 若要将TeXFieldField集成到其他FieldFieldWrices窗体中,请考虑使用TeTFrimeField。"""; +const String _textFieldText1 = """### **基本用法** +> 参数控制默认的按钮和禁用按钮 +- 默认情况下,TextField 下方有一个下划线进行修饰。 +- 您可以使用decoration属性来控制该widget样式,例如通过添加标签或图标。如果将decoration属性设置为空,则将完全删除装饰,包括装饰引入的额外填充,以节省标签的空间。 +- 如果decoration属性是非null(这是默认的),文本字段需要它的父类是一个Material widget。当文本字段被点击时,会出发被点击的效果。 +- 若要将TextField和其他FormFild集成到Form中,请考虑使用TeTFrimeField。"""; -const String _textFieldText2 = -"""### **进阶用法** -> 实现稍微复杂点的效果,键盘就变成了数字优先,为输入框做一些其他的效果,如提示文字,icon、标签文字等 +const String _textFieldText2 = """### **进阶用法** +> 实现稍微复杂点的效果,TextField 的输入以数字优先,为输入框做一些其他的效果,如提示文字,icon、标签文字等 - 增加一个keyboardType属性,把keyboardType设置为 TextInputType.number ,让TextField获得焦点的时候弹出的键盘就变成了数字优先。 - 新增decoration属性,设置相关属性,可以发现当我们的TextField获得焦点时,图标会自动变色,提示文字会自动上移。 -- onChanged是每次输入框内每次文字变更触发的回调,onSubmitted是用户提交而触发的回调。 +- onChanged是输入框内每次文字变更触发的回调方法,onSubmitted是用户提交而触发的回调方法。 - 每当用户改变输入框内的文字,都会在控制台输出现在的字符串.与onSubmitted用法相同。 """; class Demo extends StatefulWidget { static const String routeName = 'elements/Form/Input/TextField'; + @override _DemoState createState() => _DemoState(); } class _DemoState extends State { String buttonShapeType = 'border'; // 边框类型 - void setButtonShapeType(){ - String _buttonShapeType = (buttonShapeType == 'border') ? 'radius' : 'border'; - this.setState((){ + void setButtonShapeType() { + String _buttonShapeType = + (buttonShapeType == 'border') ? 'radius' : 'border'; + this.setState(() { buttonShapeType = _buttonShapeType; }); } + @override Widget build(BuildContext context) { return WidgetDemo( @@ -68,4 +67,3 @@ class _DemoState extends State { ); } } -