WidgetsBinding.instance.addPostFrameCallback gets called multiple times while using setState

Question

For some reason whenever I use setState((){}); in the function I pass in WidgetsBinding.instance.addPostFrameCallback(), that function gets called multiple times.

Is there any way to overcome it?

Note: Both the code within and outside the setState get called.

It happened because I had called setState((){}) within the callback passed to WidgetsBinding.instance.addPostFrameCallback. So the widget re-built itself after every (successful) build. — Nephew of Stackoverflow
– Nephew of Stackoverflow, Commented May 25, 2020 at 15:03
@NephewofStackoverflow I have the same problem like yours, had you found any solution? — wahyu
– wahyu, Commented Feb 8, 2021 at 8:11
Yes, It was because setState was being called within the callback. — Nephew of Stackoverflow
– Nephew of Stackoverflow, Commented Feb 8, 2021 at 16:59
Don't use WidgetsBinding.instance.addPostFrameCallback and setState within the build method. — Son of Stackoverflow
– Son of Stackoverflow, Commented Apr 12, 2021 at 9:14

MαπμQμαπkγVπ.0 · Accepted Answer · 2021-06-22 16:32:17Z

5

You can call setState after rendering is done by adding a post frame callback with addPostFrameCallback method. This will be called only once and after build process is done.

WidgetsBinding.instance.addPostFrameCallback((_) => setState(() {}));

answered Jun 22, 2021 at 16:32

MαπμQμαπkγVπ.0

6,7831 gold badge29 silver badges82 bronze badges

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

1 Comment

petras J Over a year ago

Can this be used at any app stage or only initState?

Baptiste V · Accepted Answer · 2022-01-24 14:02:21Z

0

I know this is old, but on my hand, the solution by @MαπμQμαπkγVπ.0 wasn't working, unfortunately (still called several time).

Only way for me was to create an async function and call it before building the rest, it will be executed after build:

//Works perfect for me
  Future<void> _asyncFunctionAfterBuild() async {
    setState(() {
      print("check if i'm printed several times!");
    });
 }

[...]

  @override
  Widget build(BuildContext context) {
    _asyncFunctionAfterBuild();
    return Text("Blabla");
  }

answered Jan 24, 2022 at 14:02

Baptiste V

212 bronze badges

Collectives™ on Stack Overflow

WidgetsBinding.instance.addPostFrameCallback gets called multiple times while using setState

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related