添加 children: 到 SizedBox

Question

我正在尝试将日期选择器的 TextField 和 IconButton 放在一起，并决定使用 SizedBox 来实现。我希望他们并肩。

我使用了带有 SizedBox 的容器，并将添加 TextField 和 IconButton 作为 children。但是，当我这样做时，我在“children:”上遇到错误。我做错了什么？

Container(
                  alignment: Alignment.centerLeft,
                  child:
                    SizedBox(
                    height: 50.0,
                    width: 150,
                    children: <Widget>[   <<<<<<< This is where the error is
                    TextField(
                      keyboardType: TextInputType.text,
                      controller: contractDateController,
                      textAlign: TextAlign.center,
                      onChanged: (value) {
                        trxnProvider.changecontractDate(value); //, loggedInUid);
                      },
                      decoration:
                      kTextFieldDecoration.copyWith(
                          hintText: 'Contract Date', labelText: 'Contract Date'),
                    ),
                    IconButton(onPressed: () {_selectDate(context);}, icon: Icon(Icons.calendar_today)),
                  ],),
                ),

Answer 1

SizedBox() 没有“children”，它只能接受“child”，要将两个小部件并排放置，您可以使 child attr SizedBox() 的一个 Row() 并在该行内放置 TextField 和 IconButton

Container(
      alignment: Alignment.centerLeft,
      child: SizedBox(
        height: 50.0,
        width: 150,
        child: Row(
          children: [
            TextField(
              keyboardType: TextInputType.text,
              controller: contractDateController,
              textAlign: TextAlign.center,
              onChanged: (value) {
                trxnProvider.changecontractDate(value); //, loggedInUid);
              },
              decoration: kTextFieldDecoration.copyWith(
                  hintText: 'Contract Date', labelText: 'Contract Date'),
            ),
            IconButton(
                onPressed: () {
                  _selectDate(context);
                },
                icon: Icon(Icons.calendar_today)),
          ],
        ),
      ),
    ),

添加 children: 到 SizedBox

Adding children: to SizedBox

flutter

sized-box