テンプレOGP_2

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
SNSサービスを開発しています。サービスの開発記録をnoteに投稿していきます。

こちらでもピックアップされています

Flutter技術共有
Flutter技術共有
  • 32本

Flutterで開発しているとき得た知見をひたすら公開します

コメントを投稿するには、 ログイン または 会員登録 をする必要があります。