flutter - 如何在 Flutter 中实现文本居中对齐和 prefixIcon 的 Expandable TextField

Question

我一直在尝试使用前缀 Icon 来实现文本字段。我希望文本字段和 prefixIcon 居中对齐，并且在键入时应该展开。任何帮助，请

标签： flutterdart

Answer 1

我认为这是您正在寻找的东西：

class HomeTest extends StatefulWidget {
  @override
  _HomeTestState createState() => _HomeTestState();
}

class _HomeTestState extends State<HomeTest> {
  @override
  Widget build(BuildContext context) {
    return GestureDetector(
      onTap: () => FocusScope.of(context).unfocus(),
      child: Scaffold(
        body: Center(
          child: SizedBox(
            width: 250.0,
            child: TextField(
              maxLines: null,
              decoration: InputDecoration(
                contentPadding: const EdgeInsets.symmetric(
                  horizontal: 10.0,
                  vertical: 12.0,
                ),
                prefixIcon: Icon(Icons.search),
                hintText: "Type Something...",
                // border: OutlineInputBorder()
              ),
            ),
          ),
        ),
      ),
    );
  }
}

调整

• contentPadding根据您的需要使用
• 如果需要，更改fontSize文本。