flutter - 如何在代码中的标签文本和提示文本之间添加空格

Question

我需要一些帮助。如何在 labelText 'Name' 和 hintText 'Raakib Zargar' 之间添加空格

Expanded(
             child: TextField(
                    style: TextStyle(color: Colors.white),
                    autofocus: true,
                    decoration: InputDecoration(
                        enabledBorder: UnderlineInputBorder(
                          borderSide: BorderSide(color: Colors.red),
                        ),
                        focusedBorder: UnderlineInputBorder(
                          borderSide: BorderSide(color: Colors.green),
                        ),
                        labelText: 'Name',
                        labelStyle: TextStyle(
                          color: Colors.white,
                          fontFamily: 'abel',
                          fontSize: 30.0,
                        ),
                        hintText: 'eg. Raakib Zargar',
                        hintStyle: TextStyle(color: Colors.white)),
                    onChanged: (value) {
                      teamName = value;
                    },
                  ),
                )

标签： flutterdart

Answer 1

您可以在 labelStyle 和 hintStyle 上设置高度。这应该为 TextField 的提示和标签的文本跨度的 fontSize 添加一个乘数。

TextField(
  decoration: InputDecoration(
    enabledBorder: UnderlineInputBorder(
      borderSide: BorderSide(color: Colors.red),
    ),
    focusedBorder: UnderlineInputBorder(
      borderSide: BorderSide(color: Colors.green),
    ),
    labelText: 'Name',
    labelStyle: TextStyle(
      height: 3,
      fontFamily: 'abel',
      fontSize: 30.0,
    ),
    hintText: 'eg. Raakib Zargar',
    hintStyle: TextStyle(height: 5, color: Colors.lightBlueAccent),
  ),
),