带有ListTiles和Button行的Flutter下拉菜单

时间:2020-02-23 00:08:01

标签: android user-interface flutter dart flutter-layout

我正在尝试构建一个如下所示的自定义下拉菜单:

Goal Dropdown UI

我设法实现了ListTiles的{​​{1}}和Row而没有下拉菜单,但是我不确定如何将所有这些嵌套在下拉菜单类中。这是到目前为止我得到的:

Current Dropdown UI

Buttons

2 个答案:

答案 0 :(得分:0)

这非常简单,首先创建一个下拉菜单小部件,然后将您的小部件提供给下拉菜单项

像这样

根据您的对象数组为每个下拉菜单项赋值

async function checkUser() {
    let user = await Auth.currentAuthenticatedUser();  
    alert(user.username)
}

);

答案 1 :(得分:0)

我不确定您可以直接在ListTile之后使用items:。 如果您确实运行了上面的代码,则会出错。 它需要直接返回DropdownMenuItem而不是ListTile

return DropdownMenuItem<String>(
    value: value,
    child: Row(
    children: <Widget>[
        CircleAvatar(backgroundColor: Colors.primaries[3]),
        Text(value)
    ],
));

我认为以上代码相对正确。