A flutter Package provides you a modern animated fancy segment

Overview

animated_segment

animated_segment version MIT License MIT License

This package will animates a segment. Package provides you a modern animated fancy segment. Show selection of tab using elastic way animation.

Animated Segment

Animated Segment

Usage

Example

AnimatedSegment(
  list: [Strings.tab_1, Strings.tab_2, Strings.tab_3],
  backgroundColor: AppColors.bgColor,
  textColor: AppColors.white,
  rippleEffectColor: AppColors.primary,
  selectedColor: AppColors.primary,
);

Required parameters

list:

This property takes List as a parameter and list is useful to display items in segment.

Optional parameters

backgroundColor:

This property takes Color value as a parameter. You can change the background color of animated segment. default value is Color(0xff8AADFB)

textColor:

This property takes Color value as a parameter. You can change the text color of segmented text color. default value is Color(0xff0217FD)

rippleEffectColor:

This property takes Color value as a parameter. You can change the ripple color of segment. default value is Colors.white

selectedColor:

This property takes Color value as a parameter. You can change the selected segment color of animated segment. default value is Colors.white

Note:

The result returns in Uint8List. so it can be lost later, you are responsible for storing it somewhere permanent (if needed).

Guideline for contributors

Contribution towards our repository is always welcome, we request contributors to create a pull request to the develop branch only.

Guideline to report an issue/feature request

It would be great for us if the reporter can share the below things to understand the root cause of the issue.

  • Library version
  • Code snippet
  • Logs if applicable
  • Device specification like (Manufacturer, OS version, etc)
  • Screenshot/video with steps to reproduce the issue

LICENSE!

Animated Segment is MIT-licensed.

Let us know!

We’d be really happy if you send us links to your projects where you use our component. Just send an email to [email protected] And do let us know if you have any questions or suggestion regarding our work.

You might also like...

Flutter package that provides you custom clippers to help you achieve various custom shapes.

Flutter package that provides you custom clippers to help you achieve various custom shapes.

flutter_custom_clippers Flutter package that provides you custom clippers to help you achieve various custom shapes. Usage To use this plugin, add flu

Dec 23, 2022

A basic demonstration for creating a Jardinains (Fancy Pong-Like) Game in Flutter

A basic demonstration for creating a Jardinains (Fancy Pong-Like) Game in Flutter

Jardinains Flutter! πŸ•Ή Play Here - Web https://flutter-jardinains.web.app/#/ Demo Note: For optimal performance run the project in profile mode using

Nov 12, 2022

A fancy easy to use Folding Menu for Flutter Applications

A fancy easy to use Folding Menu for Flutter Applications

Folding Menu This is an easy to use package for adding Folding Menu to your Flutter Applications Demo Usage To Use, simply add Folding Menu to your St

Nov 26, 2022

Fancy list loading effect or The Shimmer Effect in Flutter

Fancy list loading effect or The Shimmer Effect in Flutter

Shimmer Effect in Shimmer Effect is really cool placeholder effect that you can show when you are loading data in the form of a list. To do it in flut

Oct 18, 2022

Fancy OnBoarding Screen Library

Fancy OnBoarding Screen Library

πŸ‘ FancyOnBoarding A Fancy OnBoarding Screen Library for Easy and Quick Usage. Checkout the Original Author : Checkout the Original Designer : The sou

Dec 28, 2022

Flutter modern bottom navbar. Compatible with Android & iOS. You can customize it freely.

Flutter modern bottom navbar. Compatible with Android & iOS. You can customize it freely.

ss_bottom_navbar Flutter modern bottom nav bar. Compatible with Android & iOS. You can customize it freely. Getting Started dependencies: ss_bottom_

Sep 18, 2022

A flutter package that provides all icons you need

A flutter package that provides all icons you need

Before starting βœ‹ . I want to tell you that every star 🌟 added to my space shines my world and motivate me πŸ’ͺ to make more awesome things like this o

Dec 29, 2022

This package provides some widgets you can use to create a smooshy UI.

This package provides some widgets you can use to create a smooshy UI.

Dough Library Squishy widgets for Flutter. Quick Links Dough Demos Here are a few samples of the different widgets provided by this repo. You can find

Jan 8, 2023

A GraphQL client for Flutter, bringing all the features from a modern GraphQL client to one easy to use package. Built after react apollo

Flutter GraphQL Table of Contents Flutter GraphQL Table of Contents About this project Installation Usage GraphQL Provider [Graphql Link and Headers]

Nov 9, 2022
Comments
  • Last index

    Last index

    Hello,

    I want to define the initial state of the segment. There was a lastIndex argument for animatedSegment but it didn't work and I saw you removed it.

    What's the solution?

    opened by yasaman93 2
Owner
MindInventory
MindInventory works with Enterprises, Startups, and Agencies since 2011 providing web, mobile app development, enterprise mobility solutions & DevOps services.
MindInventory
A fancy yet beautiful animated widget for your Flutter apps

FancyBar A fancy yet beautiful animated widget for your Flutter apps | Preview Version 1 | |---------|----------| | | | Preview Version 2 | |---------

Leo Elstin 33 Oct 10, 2022
A fancy animated bottom navigation bar πŸ’«.

Stacky_bottom_nav_bar A fancy animated bottom navigation bar. Preview Default Light Mode Default Dark Mode ⚠️ IMPORTANT: when adding this widget don’t

null 5 Oct 23, 2022
A package that gives us a modern way to show animated border as a placeholder while loading our widget with easy customization and ready to use.

A package that gives us a modern way to show animated border as a placeholder while loading our widget with easy customization and ready to use.

Mohit Chauhan 8 Oct 3, 2022
This is a JazzCash UI clone ( Modern Wallet App in Pakistan), implementing modern app bar animmation. One can take a concept of making app bar with animation.

jazzcash_ui This is a JazzCash UI clone ( Modern Wallet App in Pakistan), implementing modern app bar animmation. One can take a concept of making app

null 9 Nov 27, 2022
Animated dialog box - A pure dart package for showing animated alert box.

animated_dialog_box A pure dart package for showing animated alert box. Getting Started https://github.com/Shubham-Narkhede/animated_dialog_box/blob/m

Shubham-Narkhede 10 Jul 24, 2022
This is an easy to use Flutter Package for adding Fancy Foldable Sidebar to your Flutter Applications.

Foldable Sidebar An easy to implement Foldable Sidebar Navigation Drawer for Flutter Applications. Current Features Initial Release for Foldable Navig

Paras Jain 87 Nov 26, 2022
Fancy Containers Flutter Package

Fancy Containers Fancy container package lets you add a beautiful gradient container to your Flutter app. Installation Add the latest version of packa

Aditya Thakur 9 Oct 27, 2022
Flutter-Animated-Library-of-Books - Flutter App - Animated Book Library

bookshelf A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if thi

Ulfhrafn 1 Dec 4, 2022
Animated shimmer - A simple & lightweight widget to display an animated shimmer effect

Animated Shimmer Supports Null Safety A simple & lightweight widget to display a

Shubham Soni 7 Apr 27, 2022