如何在同一行中放置两个小部件？

Question

我有一个国家代码（DropdownMenu）和电话（TextFormField），我如何将它们放在同一级别？我试过 Align 小部件。

Row(
                children: <Widget>[
                  Flexible(
                    flex: 1,
                    child: DropdownButtonFormField(
                      value: _selectedCountryCode ?? 'TR',
                      onChanged: (value) {
                        setState(() {
                          _selectedCountryCode = value;
                        });
                      },
                      items: countryCodes,
                    ),
                  ),
                  Flexible(
                    flex: 4,
                    child: Padding(
                      padding: const EdgeInsets.all(16.0),
                      child: TextFormField(
                        decoration: InputDecoration(labelText: "Phone"),
                      ),
                    ),
                  ),
                ],
              ),

Answer 1

感谢 @danish-khan-I，我解决了使用crossAxisAlignment: CrossAxisAlignment.baseline. 但是你也必须提供textBaseline否则它会给出一个例外。

所以在我的行中，我使用了：

crossAxisAlignment: CrossAxisAlignment.baseline
textBaseline: TextBaseline.ideographic,