Flutter DropDownButton 更改页面主体

Question

I have a UI like this where there is a drop down button and below that the space which should show only the widget I choose from the DropdownButton.

The Widgets are in different classes like this

List<Widget> contactItems = [
    RecentContactsScreen(),
    Contacts(),
    AgentsList(),
    OwnersList(),
];

I need to know how can I implement in a way to achieve this task. Thanks.

Answer 1

DropdownButton 有一个名为 onChange 的属性，您可以在该函数内导航到屏幕

Answer 2

Widget _build(index) {
switch (index) {
  case 0:
    return Container();
  case 1:
    return Container();
  default:
    return Container();
} }

pass the index or create a global variable and change it onChange of drop down. replace the Container with your UI.