Trying to solve code duplication when working with lists of Widgets in Consumer

[Raphael2b3]

Use case

Lets say i have a page with a list of widgets in a Column and some of them change when the state of the app changes.

  Widget build(BuildContext context) {
    var value = Provider.of<Data>(context);
    return Column(
      children: [
        // Data that changes and needs to be updated
        Text("data that changes $value"),  // widgetA
        Text("More data that changes $value"), //widgetB
        
        // Data that doesnt change but is expensive to build
        Text("data that doesnt change"), // widgetC
        Text("More data that doesnt change"), //widgetD
        
       ],
    );
  }

to improve performance i could wrap WidgetA and WidgetB each in a new Consumer

  Widget build(BuildContext context) {
   
    return Column(
      children: [
        // Data that changes and needs to be updated
        Consumer<Data>(builder: (context, value, child) => Text("data that changes $value")),  // widgetA
        Consumer<Data>(builder: (context, value, child) => Text("More data that changes $value")), //widgetB
        
        // Data that doesnt change but is expensive to build
        Text("data that doesnt change"), // widgetC
        Text("More data that doesnt change"), //widgetD
        
       ],
    );
  }

but now we have a bit code duplication

Proposal

to minimize code duplication i would suggest a pattern like

  Widget build(BuildContext context) {
    return Consumer<Data>(
         builder: (context, value, child, children) => Column(
            children: [ 
                Text("data that changes $value"),
                Text("More data that changes $value"), 
                ...children,
                child,
              ],
         children: [
            Text("data that doesnt change"), // widgetC
            Text("More data that doesnt change"), //widgetD
         ],
       ),
    );
  }

or with a new class ConsumerList which is basicly a List of Widgets. (Could be also a function)

  Widget build(BuildContext context) {
   
    return Column(
      children: [
        // Data that changes and needs to be updated
        ...ConsumerList<Data>(builder:(context, value) => [ 
                Text("data that changes $value"),
                Text("More data that changes $value"),
                  ]),
        // Data that doesnt change but is expensive to build
        Text("data that doesnt change"), // widgetC
        Text("More data that doesnt change"), //widgetD
        
       ],
    );
  }

or

Widget build(BuildContext context) {
    return Column(
      children: ConsumerList<Data>(
          builder:(context, value, child, children) => [ 
                Text("data that changes $value"),
                Text("More data that changes $value"), 
                ...children,
                child,
              ],
         children: [
            Text("data that doesnt change"), // widgetC
            Text("More data that doesnt change"), //widgetD
         ],
       ),
    );
  }

[rrousselGit]

I'm not convinced this problem is worth solving.

To begin with, it's very rare that both of your Text will want to listen to the exact same thing and that they are this small.
Usually you'll either want to use select or make a separate widget anyway

[Raphael2b3]

Do you have a reference for select. I am not sure what you mean with it.

[rrousselGit]

context.select

[Raphael2b3]

I agree with you, that this is probably rarely used since the problem is the result of how i designed my code. It might be better to change the design instead of making the frame work fit my design.