update desribe

This commit is contained in:
xiaojia22326@163.com
2019-01-11 15:59:31 +08:00
parent 775cb2c39f
commit ea12dcbea5

View File

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