在flutter中让CupertinoTextField输入框随着行数变多而增高

在 Flutter 中，如果你想要创建一个 CupertinoTextField 输入框，其高度能够随着用户输入的文字增多自动调整，你可以使用 `Expanded` 和 `ConstrainedBox` 组件配合使用。下面是一个简化的示例：

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

class DynamicHeightTextField extends StatefulWidget {
  @override
  _DynamicHeightTextFieldState createState() => _DynamicHeightTextFieldState();
}

class _DynamicHeightTextFieldState extends State<DynamicHeightTextField> with SingleTickerProviderStateMixin {
  final TextEditingController controller = TextEditingController();
  bool isMaxLinesEnabled = false;
  Animation<double> _animation;

  @override
  void initState() {
    super.initState();
    _animation = Animation<double>.linear(
      duration: Duration(milliseconds: 500),
      begin: 0,
      end: isMaxLinesEnabled ? 4 : 1, // 默认1行，当isMaxLinesEnabled为true时变为4行
    );
    _animation.addListener(_updateHeight);
  }

  void _updateHeight(double value) {
    setState(() {
      widget的高度限制 = int.round(value * (4 - 1));
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Column(
        children: [
          Row(
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: [
              Text('动态高度'),
              Switch(
                value: isMaxLinesEnabled,
                onChanged: (value) {
                  setState(() {
                    isMaxLinesEnabled = value;
                    if (value) {
                      _animation.forward(); // 开始动画
                    } else {
                      _animation.reverse(); // 反向动画
                    }
                  });
                },
              ),
            ],
          ),
          SizedBox(height: 8),
          Expanded(
            child: ConstrainedBox(
              constraints: BoxConstraints.expand(),
              child: CupertinoTextField(
                controller: controller,
                maxLines: widget.height限制, // 使用动画值决定最大行数
                keyboardType: TextInputType.text,
                autogrow: true,
                animationDuration: Duration(milliseconds: 200),
              ),
            ),
          ),
        ],
      ),
    );
  }

  @override
  void dispose() {
    _animation.dispose();
    super.dispose();
  }
}

在这个例子中，我们创建了一个 `Switch` 来切换输入框的最大行数。当 `Switch` 被打开时（`isMaxLinesEnabled` 为 `true`），动画会增加 `CupertinoTextField` 的 `maxLines` 属性，使其高度增大。反之，关闭 `Switch` 会使输入框恢复到单行。