Features

Here I have provided a simple solution to the community for tags. You can just put this in your project and just with a list you can get beautiful tags. You can customize on every click of thee tags to perform an action.

Getting started

Usage

import 'package:awesometags/fluttertags.dart';
import 'package:awesometags/src/demoPage.dart';
import 'package:flutter/material.dart';

class HomeScreen extends StatefulWidget {
  const HomeScreen({super.key});

  @override
  State<HomeScreen> createState() => _HomeScreenState();
}

List<String> tags = [
  "Overview",
  "Courses & Fees",
  "Gallery",
  "Cutoff",
  "Placement",
  "Faculty",
  "News & Articles",
  "Reviews",
  "Comments"
];

class _HomeScreenState extends State<HomeScreen> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: SafeArea(
        child: SingleChildScrollView(
            child: Column(
          children: [
            Text('tags'),
            Container(
                child: Tags(
              tagList: tags,
              alignment: WrapAlignment.center,
              activeTagBackground: Color(0xfffd5631),
              tagBackground: Colors.grey.shade200,
              activeTagTextColor: Colors.white,
              tagTextColor: Colors.black,
              tagBorderRadius: 8,
              spacingBetweenTags: 8,
              onTagTapped: (tag) {
                print('Selected TAG FROM HOME :: $tag');
                Navigator.push(
                    context,
                    MaterialPageRoute(
                        builder: (context) => DemoScreen(title: '${tag}')));
              },
            )),
          ],
        )),
      ),
    );
  }
}

Additional information

More updates coming soon !! Mail me : apurbakhanra09@gmail.com Feel free to suggest any changes..

Libraries

fluttertags