在另一个自定义小部件中创建多个自定义无状态小部件会影响性能吗？

Question

So i have TabBar and i make resuable Tab or custom widget TabBarPage inside the TabBarView .

my question is does my approach like this code below do affect bad perfomance or is it the same if i not make any custom widget inside custom widget ?

TabBarView(
            children: [
              TabBarPage(
                child: NowPlaying(),
              ),
              TabBarPage(
                child: Upcoming(),
              ),
              TabBarPage(
                child: Popular(),
              ),
            ],
          ),

inside TabBarPage i have final Widget child; that is filled with NowPlaying, Upcoming, or Popular and this three child have the same code but different provider

Container(
          padding: EdgeInsets.fromLTRB(18.w, 0, 18.w, 0),
          child: SingleChildScrollView(
            child: this.widget.child,
          ),
        ),

and in NowPlaying, Upcoming, or Popular i have my 2 another custom widget (TabLoading, TabContent)

class NowPlaying extends StatelessWidget {
  const NowPlaying({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Consumer<NowPlayingProvider>(
      builder: (context, data, child) {
        if (data.isLoading == true) return TabLoading();
        return TabContent(data: data.nowPlaying);
      },
    );
  }
}

Answer 1

显然不，通过在另一个自定义小部件中创建多个自定义无状态小部件对性能没有影响，通过这个