Flutter – Create swipe category on user profile

Good News! There is no need to use a package as there is already a widget from the flutter library that handles this pretty good. The widget is DefaultTabController. It allows you to specify tabs and its contents. An Example could be:

import 'package:flutter/material.dart';

class TabsExample extends StatelessWidget {
  const TabsExample({super.key});

  @override
  Widget build(BuildContext context) {
    return DefaultTabController(
      length: 2,
      child: Scaffold(
        appBar: AppBar(
          bottom: const TabBar(
            tabs: [
              Tab(text: 'LEFT'), //the button shown at the top
              Tab(text: 'RIGHT'),
            ],
          ),
        ),
        body: const TabBarView(
          children: [
            // First widget is the page that opens when the left tab button is clicked
            Center(
              // Any widget you want to display
              child: Text('LEFT'),
            ),
            // Second widget is the page that opens when the right tab button is clicked
            Center(
              // Any widget you want to display

              child: Text('RIGHT'),
            ),
          ],
        ),
      ),
    );
  }
}

OR

import 'package:flutter/material.dart';

class TabsExample extends StatelessWidget {
  const TabsExample({super.key});

  @override
  Widget build(BuildContext context) {
    return DefaultTabController(
      length: 2,
      child: Scaffold(
        appBar: AppBar(),
        body: const Column(
          children: [
            TabBar(
              tabs: [
                Tab(text: 'LEFT'), //the button shown at the top
                Tab(text: 'RIGHT'),
              ],
            ),
            Expanded(
              child: TabBarView(
                children: [
                  // First widget is the page that opens when the left tab button is clicked
                  Center(
                    // Any widget you want to display
                    child: Text('LEFT'),
                  ),
                  // Second widget is the page that opens when the right tab button is clicked
                  Center(
                    // Any widget you want to display
                    child: Text('RIGHT'),
                  ),
                ],
              ),
            ),
          ],
        ),
      ),
    );
  }
}

In your case you would replace Tab(text: 'LEFT') with something like Tab(icon: yourIcon) or you could also specify a custom widget to have as the button – Tab(widget: Text('LEFT'))

The content of the page is specified in the children parameter. (first tab has first child as its page)