如何更改 Flutter 上的默認 TextFormField 高度和字體顏色

Question

我想更改 TextFormField 高度和字體顏色。

           TextFormField(
              decoration: const InputDecoration(
                  border: OutlineInputBorder(),
                  filled: true,
                  icon: Icon(Icons.person),
                  hintText: 'Nick Name',
                  labelText: 'Nick Name',
              ),
            ),

我怎么寫呢？

Answer 1

您可以使用contentPadding調整大小和樣式屬性以更改顏色和文本相關屬性。

 TextFormField(
        decoration: const InputDecoration(
            contentPadding: EdgeInsets.all(20), // change height
            border: OutlineInputBorder(),
            filled: true,
            icon: Icon(Icons.person),
            hintText: 'Nick Name',
            labelText: 'Nick Name',
            hintStyle:
                TextStyle(color: Colors.amber)), // change hint text color
        style: TextStyle(color: Colors.red), // change input text color
      ),

Answer 2

要增加TextFormField高度，您可以在InputDecoration中使用contentPadding屬性並將值賦給vertical參數，如下所示：

decoration: InputDecoration(
                  contentPadding: EdgeInsets.symmetric(vertical: 30),

要更改label和hint的字體顏色，您可以使用MaterialApp中的Theme來執行此操作，如下所示：

theme: ThemeData(
      inputDecorationTheme: InputDecorationTheme(
            labelStyle: TextStyle(color: Colors.black),
            hintStyle: TextStyle(color: Colors.black),

      )),

希望這可以幫助。