入力テキストボックスのコンテンツをフラッターで取得する方法
開発では、入力ボックスを使用することが多いので、フラッターでは、現在の入力ボックスのテキストコンテンツを取得する方法は?
入力テキストボックスを作成する
入力ボックスには、非常に簡単に作成できるTextFieldウィジェットを使用します。
例:
new TextField(
keyboardType: TextInputType.number,
decoration: InputDecoration(
contentPadding: EdgeInsets.all(10.0),
labelText: '标题',
helperText: '请输入标题',
),
この例では、入力テキストボックスが作成されています。
その中で:
KeyboardType:キーボード入力のタイプ(数値、テキストなど)を表します。
TextEditingControllerを使用して、テキストボックスのコンテンツを取得します
最終的な入力コンテンツを取得したいので、TextEditingControllerオブジェクトを使用して実現できます。
実装手順
- TextEditingControllerオブジェクトを作成します。
- TextEditingControllerオブジェクトをTextFieldに適用します。
- TextEditingControllerオブジェクトを介してテキストボックスのコンテンツを取得します。
TextEditingControllerオブジェクトをTextFieldのコントローラープロパティに割り当てて、テキストボックスをTextEditingControllerオブジェクトに関連付けます。
TextEditingControllerがテキストボックスに適用された後、値を取得でき、TextEditingControllerによって提供されるtext()メソッドを介してテキストボックスの入力コンテンツを取得できます。
例
//创建 TextEditingController 对象
var _titleTxt = new TextEditingController();
new TextField(
controller: _titleTxt,//把 TextEditingController 对象应用到 TextField 上
keyboardType: TextInputType.number,
decoration: InputDecoration(
contentPadding: EdgeInsets.all(10.0),
labelText: '标题',
helperText: '请输入标题',
),
//获取文本框内容
var content = _titleTxt.text;
** PS:よりエキサイティングなコンテンツについてはチェックしてください-> 「FlutterDevelopment」
** PS:よりエキサイティングなコンテンツについてはチェックしてください-> 「FlutterDevelopment」
** PS:よりエキサイティングなコンテンツについてはチェックしてください-> 「フラッター開発」