如何在obscureText中使这些密码点更大

Question

看看下面这张图片。

我想让密码点更大。

我试过TextStyle fontSize。

它确实使这些点更大。

但它也会使密码线更高。

那不是我想要的。

有什么解决方案吗？

ListView(
          children: <Widget>[
            TextField(
              controller: _usernameController,
              textAlign: TextAlign.center,
            ),
            TextField(
              controller: _passwordController,
              textAlign: TextAlign.center,
              obscureText: true,
            ),
          ],
        ),

Answer 1

考虑使用TextFormField https://docs.flutter.io/flutter/material/TextFormField/TextFormField.html

Flutter文档中也提出了这一点。见https://docs.flutter.io/flutter/material/TextField-class.html

要将TextField与其他FormField小部件集成到Form中，请考虑使用TextFormField。

在这里你可以设置你想要的任何尺寸的TextStyle。

Answer 2

使用decoration的TextField属性并将contentPadding设置为零。

     TextField(
                textAlign: TextAlign.center,
                obscureText: true,
                controller: _passwordController,
                style: TextStyle(fontSize: 30),
                scrollPadding: EdgeInsets.zero,
                decoration: InputDecoration(
                  contentPadding: EdgeInsets.zero,
                ),
              ),