flutter - 增加TextField的高度

Question

我想增加第二个TextField的高度(内部堆栈)。我已经将其包装在Container中，并将高度设置为500，但没有任何区别。

class _ABC extends State<ABC>{
  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(
          title: Text('Add Data'),
          actions: <Widget>[
            IconButton(
              icon: Icon(Icons.done),
              onPressed: () {},
            )
          ],
        ),
        body: SingleChildScrollView(
            padding: const EdgeInsets.all(10.0),
            child: Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: <Widget>[
                  TextField(
                    style: TextStyle(fontSize: 12.0),
                    decoration: InputDecoration(
                      border: OutlineInputBorder(
                          borderRadius: const BorderRadius.all(
                              const Radius.circular(5.0))),
                      hintText: Localization.of(context).name,
                      labelText: Localization.of(context).name,
                    ),
                  ),
                  SizedBox(
                    height: 15.0,
                  ),
                  Stack(
                    children: <Widget>[
                      Container(
                          width: double.infinity,
                          height: 500.0,          
                          child: TextField(
                            style: TextStyle(fontSize: 12.0),
                            decoration: InputDecoration(
                              border: OutlineInputBorder(
                                  borderRadius: const BorderRadius.all(
                                      const Radius.circular(5.0))),
                              hintText: Localization.of(context).name,
                              labelText: Localization.of(context).name,
                            ),
                          )),
                      Positioned(
                        left: 5.0,
                        child: Icon(Icons.camera),
                      )
                    ],
                  )
                ])));
  }

Answer 1

TextField的高度设置为

1)展开以用填充它的持有人，展开或

2)使用 maxlines 将其设置为以行为单位的固定高度。

这是您需要填充的容器:

Container(
    width: double.infinity,
    height: 500.0,
    color: Colors.amber,
  child: TextField(
    expands: true,
    maxLines: null,
    style: TextStyle(fontSize: 12.0),
    decoration: InputDecoration(
      border: OutlineInputBorder(
          borderRadius: const BorderRadius.all(
              const Radius.circular(5.0))),
      hintText: Localization.of(context).name,
      labelText: Localization.of(context).name,
    ),
  ),
)