TextField
にmaxLength
を指定した際に、デフォルトでフォームの右下に入力した文字数のカウンターが表示されます。
これいらないんだよね。。ってときの対処法を教えます。
結論
TextField
のdecoration
プロパティに、InputDecoration(counterText: '')
を渡すだけ!!超簡単!!
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text('Sample'),
),
body: const Padding(
padding: EdgeInsets.symmetric(horizontal: 30.0),
child: Center(
child: TextField(
maxLength: 10,
decoration: InputDecoration(
hintText: 'TextField',
counterText: '', // ここを追加!!
),
),
),
),
);
}
動作
counterTextをつけていないとき
counterTextをつけたとき