IndexedStack (Flutter Widget of the Week)

IndexedStack (Flutter Widget of the Week)

Flutter

4 года назад

119,414 Просмотров

Want your users to easily switch between widgets in your app? IndexedStack has you covered! Swap between widgets, without animation, and the state of the widgets is preserved.

Learn more about IndexedStack → https://goo.gle/33scIOa

Helpful Resources:
AlignmentGeometry → https://goo.gle/2YXudGu
TextDirection → https://goo.gle/33jhn4R
StackFit → https://goo.gle/2yNUM2b

This video is also subtitled in Chinese, Indonesian, Italian, Japanese, Korean, Portuguese, and Spanish.

Learn everything about Flutter at → https://goo.gle/2WAhEN1

Get more tips! → https://goo.gle/307BX6t

Subscribe! → https://goo.gle/Flutter

Тэги:

#IndexStack #Switch_between_widgets #widgets #widget_transition #AlignmentGeometry #StackFit #Flutter #widget_of_the_week #google #google_developers #flutter_101 #get_started_with_flutter #flutter_apps #flutter_widgets #build_apps_with_flutter #GDS:_Yes;
Ссылки и html тэги не поддерживаются


Комментарии:

Lạng Hoàng
Lạng Hoàng - 17.03.2023 12:39

Is there something like a SliverIndexedStack for the case that we want to put an SliverGrid inside of it?

Ответить
Rituraj
Rituraj - 31.10.2022 11:52

Can be solved by using if-else iniside List<Widget>

Ответить
fars Youssef
fars Youssef - 22.10.2022 00:16

Amazing widget

Ответить
S R
S R - 29.06.2022 10:06

very nice

Ответить
EA
EA - 19.05.2022 15:28

still broken with flutter inspector...

Ответить
Ivan Yoed
Ivan Yoed - 05.05.2022 08:54

The Flutter team always giving us the right tools at the right moment.

Ответить
Kinga Maculewicz
Kinga Maculewicz - 27.07.2021 15:59

👏

Ответить
Mustafa Akar
Mustafa Akar - 13.07.2021 10:09

Found this after building it myself with Stack/OffStage setup. *cries in flutter

Ответить
Hesam
Hesam - 18.06.2021 19:45

ah, it is good if we have a callback. Something like onItemChanged {(index) {println('Fire analytics for this widget');} }. I have a bottom navigation widget and I want to fire an Analytics event after each tab is visible.

Ответить
Shivam Khantwal
Shivam Khantwal - 11.02.2021 08:58

Looking for this ❤️❤️❤️

Ответить
Jay Kim
Jay Kim - 28.12.2020 21:16

This is what I just needed... thanks bois

Ответить
政勳塗
政勳塗 - 03.10.2020 22:22

I wonder if you guys can make it an obvious option when working with bottom navigation bar, at least mention it in BottomNavigationBar's doc.
It'd save a lot of time for people, and it's a very common need.

Ответить
Muhammad Fareez
Muhammad Fareez - 30.09.2020 15:03

I wantt moree. Please continue this series!

Ответить
Abdou Seck
Abdou Seck - 19.08.2020 20:46

Can I use this with a custom BottomTabNavigator ?

Ответить
Aditya Kumar Rout
Aditya Kumar Rout - 28.07.2020 21:46

How to add animations in the page transition in indexed stack ???

Ответить
Irfandi
Irfandi - 14.07.2020 13:09

nice, I was looking for this widget. Is there any playlist of "essential widgets"? because we really need them

Ответить
Simon N
Simon N - 01.07.2020 23:12

Can you animate the transitions?

Ответить
Pankaj Khushalani
Pankaj Khushalani - 08.06.2020 18:45

I had to make a bottom navigation button
A switch case
Made 3 objects of BottomNavigation class
And then I find this! Thank you Flutter🎯

Ответить
Yi Eye
Yi Eye - 07.04.2020 06:39

Children of IndexedStack got rebuilt if we navigate over another child. How to make it only a clicked child rebuild?

Ответить
Gavril Mikhaylov
Gavril Mikhaylov - 31.03.2020 21:29

I have to make a quiz where almost every question page has a different layout. Thinking now, is this a solution?

Ответить
Frederick Mfinanga
Frederick Mfinanga - 03.12.2019 01:40

how can I add animation to transition between the different indexes?

Ответить
Simmons
Simmons - 24.08.2019 00:00

How do you unlike this video? Are you from Microsoft?

Ответить
SjadoN
SjadoN - 17.08.2019 22:54

But why is it called IndexedStack if it's not stacking anything like Stack does?

Ответить
devil 2010
devil 2010 - 17.08.2019 15:51

Better for viewpager

Ответить
Fırat
Fırat - 15.08.2019 19:20

This is very useful and handy when using multiple navigation states on a single screen.

Ответить
DonBarracuda
DonBarracuda - 15.08.2019 11:22

Is there any need to use tabview anymore?

Ответить
ben li
ben li - 15.08.2019 10:32

why not Flutter Widget of the Day!

Ответить
Beekay -
Beekay - - 15.08.2019 10:02

What’s the difference between PageView and indexed stack?

Ответить
Jesús Córdova
Jesús Córdova - 15.08.2019 08:41

love it :)

Ответить
Farshid
Farshid - 15.08.2019 08:32

Awsome!

Ответить
ajinkya badve
ajinkya badve - 15.08.2019 08:22

just what i wanted :)

Ответить
Ionel Aipatioaei
Ionel Aipatioaei - 15.08.2019 07:51

Well this was nice to know 2 weeks ago, now it's too late, I'm rebuilding a major part of my app...

Ответить
E Alves
E Alves - 15.08.2019 06:12

I need this right now!

Ответить
Withtax
Withtax - 15.08.2019 04:43

Flutters' widget architecture feels so awkward to me and these videos are really helpful, thanks.

Ответить
DrivingSafety
DrivingSafety - 15.08.2019 03:47

太棒了 我最近也在学习

Ответить
pinkshorts
pinkshorts - 15.08.2019 01:09

This is a really cool widget!

Ответить
zehi jean
zehi jean - 15.08.2019 00:20

Id like to make a showdialog with indexstack so that thé user can display another content when clicking on a Button...ill do it tomorrow

Ответить
jaleger
jaleger - 14.08.2019 23:47

A perfect way to implement bottom tab navigation and screen state changes. Love it, great job, Flutter team <3

Ответить
Emmanuel o
Emmanuel o - 14.08.2019 23:42

Flutter has a widget for everything.

Ответить
Dima
Dima - 14.08.2019 23:31

Good work!
Is it good for bottom navigation? Or just for sliders?

Ответить
Henter Péter
Henter Péter - 14.08.2019 22:42

Is this how bottomNavigationBar works?

Ответить
Monty Rasmussen
Monty Rasmussen - 14.08.2019 22:17

A fun trick to use with this widget is to use Dart enums in place of plain indexes. If you define an enum's values in the same order you provide children to IndexedStack, you can set the currently showing index with something like: `index: _currentView.index`, because Dart enums are stored as indexed values.

Ответить
Nader Khaled
Nader Khaled - 14.08.2019 22:02

Thanks was searching for this kinda of widget

Ответить
BetoMan996
BetoMan996 - 14.08.2019 21:51

I was EXACTLY looking for this today, you must have read my mind. Do I have to be scared?

Ответить
Rebar
Rebar - 14.08.2019 21:42

Daaaaaaamn 😎👌🏼

Ответить
Kevin Espaldon
Kevin Espaldon - 14.08.2019 21:36

You guys come up with everything. Leave some for us! (just kidding I love you guys)

Ответить
Vishal Desai
Vishal Desai - 14.08.2019 21:33

WOW...

Ответить
Yaseen Abdullah
Yaseen Abdullah - 14.08.2019 21:28

How to send my flutter app to The Flutter Devs please?

Ответить
WikiPeoples
WikiPeoples - 14.08.2019 21:26

And... how would you add an animation to transition between stack elements?

Ответить