How can i dynamically replace a widget without opening a new page

Question

hello I want when I click button for example to stay in the same page but view another screen in specific container without duplicating page with different content

Ozan Taskiran · Accepted Answer · 2022-08-28 17:41:31Z

2

You could create an enum with the current selected page.

enum CurrentPage {
HomePage,
LoginPage,
RegisterPage,
}

Declare a variable to save the current selected page:

CurrentPage currentPage = CurrentPage.HomePage;

When you click on a button you change the current page:

onPressed: (){
setState(() {
      currentPage = CurrentPage.RegisterPage;
    });
}

In your code you ask for the current state and accordingly you change the widget:

Widget content = Container();

switch (currentPage) {
     
     case CurrentPage.HomePage:
        content = HomePage();
       break;
     case CurrentPage.LoginPage:
       content = LoginPage();
       break;
     ....
   }

And this widget is placed in your Widget Tree.

answered Aug 28, 2022 at 17:41

Ozan Taskiran

3,6771 gold badge16 silver badges30 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How can i dynamically replace a widget without opening a new page

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related