Flutter中的组合框

在android中,我们在iOS UIPickerView中有Spinners,但是动怎么办?

您会看到,在Flutter中实现上述操作是一件非常容易且有趣的事情,称为DropdownButton。

首先,让我们设置屏幕。

之后,您可能会看到一个空的UI,中间有一个Hello Medium Text。

现在,首先我们需要在组合中显示一些内容,在这种情况下,我们将创建一个字符串列表,它将作为我们的数据源,并且我们还需要一个DropdownMenuItems列表,因为这是将与用户界面绑定。 我们可以在initState方法中创建它。 我们还需要一个变量来保留选定的选项。

现在我们到了一半。 我们只需要创建DropdownButton。

我们只是在屏幕中央添加了一个DropdownButton,然后在调用onChanged方法时,我们更改了当前城市,并刷新了UI。 一样简单。

在组合框上方添加文本后的完整代码:

Flutter非常棒,创建组合框非常容易。

如有任何疑问,请随时与我联系。