I added in the middle of my Userpage a TabBar and I want to add different content in each one of them but when I try to add screens it’s messing around my entire code . What I should add so it will appear like 3 screens

Column(
            children: [
              TabBar(
                unselectedLabelColor: Colors.black,
                labelColor: const Color.fromARGB(255, 3, 59, 161),
                tabs: const [
                  Tab(
                    text: 'Services',
                  ),
                  Tab(text: 'Products'),
                  Tab(
                    text: 'Reviews',
                  ),
                ],
                controller: tabController,
                indicatorSize: TabBarIndicatorSize.tab,
              ),
            ],
          ),

          const SizedBox(
            height: 8,
          ),
          Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: <Widget>[
              const Text(
                "Recomandari",
                style:
                    TextStyle(color: Colors.black, fontWeight: FontWeight.bold),
              ),