0

Flutter を使用してモバイル アプリケーションを開発しています。テキスト フィールドのプレースホルダー テキストとその値を垂直方向の中央揃えに配置する際に問題が発生しています。

これは TextField の私のコードです。

return Container(
      color: Colors.black,
      child: Padding(
        padding: EdgeInsets.all(10),
        child: TextField(
          onChanged: (text) {
            this.filter = text.toLowerCase();
            this._refreshListItems();
          },
          style: TextStyle(
            height: 0.5
          ),
          cursorColor: Colors.black12,
          textAlignVertical: TextAlignVertical.center,
          decoration: InputDecoration(
            filled: true,
            fillColor: Colors.white,
              prefixIcon: Icon(Icons.search, color: Colors.black26,),
              border: OutlineInputBorder(
                borderRadius: const BorderRadius.all(
                  const Radius.circular(10.0),
                ),
              ),
              hintText: "Search",
            focusedBorder: OutlineInputBorder(
                borderSide: BorderSide(color: Colors.white),
              borderRadius: const BorderRadius.all(
                const Radius.circular(10.0),
              ),
            ),
          ),
        ),
      )
    );

ただし、レンダリングすると、下のスクリーンショットのように、プレースホルダーとその値が垂直方向に少し上に移動します。

ここに画像の説明を入力

ここに画像の説明を入力

私のコードの何が問題なのですか?どうすれば修正できますか?

4

2 に答える 2