FlutterでTextFieldのテキストを隠す

ログイン画面などで、パスワードを入力したときにテキストを隠す方法について書きます。

詳しくは上のツイートの動画をご覧ください。

実装

実装方法はめっちゃくちゃ簡単です。下記を設定するだけです。

obscureText: true

これだけだとわかりづらいと思うので、この動画でのパスワード部分のレイアウトを生成しているコードを全部載せます。

Widget _passwordForm() {
    return TextFormField(
      controller: passwordInputController,
      autocorrect: false,
      decoration: new InputDecoration(
        border: const UnderlineInputBorder(),
        labelText: 'Password',
      ),
      obscureText: true,
    );
  }

結構簡単ですね!Flutterすごい!!

この記事が気に入ったら、サポートをしてみませんか?気軽にクリエイターを支援できます。

note.user.nickname || note.user.urlname

投げ銭はいりません。それより無料でできる拡散をしてください!! 感想をツイートしていただけることが一番嬉しいです!!

スキありがとうございます!!同時に拡散もお願いします!!
3

shogo yamada

Flutter技術共有

Flutterで開発しているとき得た知見をひたすら公開します
コメントを投稿するには、 ログイン または 会員登録 をする必要があります。