본문 바로가기
Development Solutions/Flutter & Dart

[flutter] How to keep the contents in the tab even if the tab is moved - Inde

by studio ODOC 2021. 10. 29.
반응형

[flutter플러터]

How to keep the contents in the tab even if the tab is moved - IndexedStack

(Tab 이동하더라도 Tab 내의 내용은 유지되도록 하는 방법 - IndexedStack)



<before>
기존에는 아래와 같이 탭바를 사용하였지만 탭을 이동하고 돌아오니 기존의 내용이 초기화되는 문제가 있었다.
(Previously, the tab bar was used as follows, but when the tab was moved and returned, there was a problem that the existing content was initialized.)

return Scaffold(
        body: _children[_currentIndex],
        bottomNavigationBar: BottomNavigationBar(


<after>
이럴땐 아래와 같이 수정하면 탭의 내용이 그대로 유지되도록 할 수 있다.
(In this case, if you modify it as follows, the contents of the tab can be maintained as it is.)

// body: _children[_currentIndex],
        body: IndexedStack(
          index: _currentIndex,
          children: _children,
        ),
        bottomNavigationBar: BottomNavigationBar(
반응형