この記事はこんな人におすすめ！
- TextFieldのパスワードを非表示にしたい
今回はTextFieldまたはTextFormFieldでパスワードを非表示(隠す)方法を解説していきます。
目次
TextFieldで入力した文字を非表示にする
TextFieldで入力された文字を非表示にするにはobscureTextをtrueにします。
TextField(
obscureText: true,
)サンプルコード
import 'package:flutter/material.dart';
void main() => runApp(const MyApp());
class MyApp extends StatefulWidget {
const MyApp({super.key});
@override
State<MyApp> createState() => _MyAppState();
}
class _MyAppState extends State<MyApp> {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(title: const Text('Flutter')),
body: Center(
child: Padding(
padding: const EdgeInsets.all(20.0),
child: TextField(
obscureText: true,
),
),
),
),
);
}
}