avoid-recursive-widget-calls

v1.8.0

warning

recommended

pro+

Warns when a Widget is recursively used within the same Widget.

Recursive use of a widget is most often a sign of a bug and can get your application stuck in an endless loop.

Example

❌ Bad:

class MyHomePage extends StatefulWidget {
  const MyHomePage();

  @override
  _MyHomePageState createState() => _MyHomePageState<MyHomePage>();
}

class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build() {
    // LINT: Avoid calling the same widget recursively.
    //  Try rewriting the code without recursion.
    return MyHomePage();
  }
}

class MyOtherWidget extends StatelessWidget {
  @override
  Widget build() {
    // LINT: Avoid calling the same widget recursively.
    //  Try rewriting the code without recursion.
    return MyOtherWidget();
  }
}

✅ Good:

class MyHomePage extends StatefulWidget {
  const MyHomePage();

  @override
  _MyHomePageState createState() => _MyHomePageState<MyHomePage>();
}

class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build() {
    return MyOtherWidget();
  }
}

class MyOtherWidget extends StatelessWidget {
  @override
  Widget build() {
    return SomeOtherWidget();
  }
}

Related Rules

• avoid-recursive-calls