FlutterでTextFieldのテキストを隠す
ログイン画面などで、パスワードを入力したときにテキストを隠す方法について書きます。
詳しくは上のツイートの動画をご覧ください。
実装
実装方法はめっちゃくちゃ簡単です。下記を設定するだけです。
obscureText: true
これだけだとわかりづらいと思うので、この動画でのパスワード部分のレイアウトを生成しているコードを全部載せます。
Widget _passwordForm() {
return TextFormField(
controller: passwordInputController,
autocorrect: false,
decoration: new InputDecoration(
border: const UnderlineInputBorder(),
labelText: 'Password',
),
obscureText: true,
);
}
結構簡単ですね!Flutterすごい!!
投げ銭はいりません。それより無料でできる拡散をしてください!! 感想をツイートしていただけることが一番嬉しいです!!