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

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

実装

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

obscureText: true

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

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

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