Giter Club home page Giter Club logo

nikhilvadoliya / flutteranimatedbutton Goto Github PK

View Code? Open in Web Editor NEW
27.0 27.0 7.0 7.73 MB

A flutter package project which contains a collection of cool and beautiful button animations. :rocket:

Home Page: https://pub.dev/packages/flutter_animated_button

License: MIT License

Kotlin 0.16% Swift 1.69% Objective-C 0.05% Dart 40.13% CMake 24.09% C++ 27.79% C 1.89% Ruby 1.77% HTML 2.42%
animated-button animation button button-animations dart flutter flutter-animation plugin pub pubsub slide

flutteranimatedbutton's Introduction

Focused professional having excellent technical and communication skills.Proficient at designing, writing code in various languages, feature development and implementation. Specialize in thinking outside the box to find unique solutions to difficult engineering problems.

Currently working on AI base Flutter Mobile application as having expertise on Dart + Bloc Architecture.

Tech Stack

C Dart Java Kotlin TypeScript Shell Script Firebase Google Cloud Flutter Jenkins MySQL SQLite Figma Jira Trello GitHub Actions Redis Figma LeetCode Stack Overflow Socket.io Android Studio iOS Android macOS Arduino Git GitHub SQLite

What skill i have

  • Flutter and Dart
  • Java
  • Bloc/GetX
  • Agile, Jira, Scrum
  • Caching
  • FCM, Remote Config, Analytics, Crashlytics, FireStore , RealTime DB
  • MVVM
  • Dependency injection
  • RxJava
  • Socket.io
  • CI/CD : Github Action
  • Unit Testing, Mockito

Character and Specialties

  • Fast Learner
  • Android and iOS development in Flutter/Dart
  • Plugin and Package development for Flutter and Dart.
  • Android development in Kotlin & Java
  • Practisoner in JSON(Hive NoSQL, SQLs)
  • Tech savy and (mostly) up-to-date with newer gadgets and technology





Linkedin Instagram Instagram

flutteranimatedbutton's People

Contributors

hossamtarek-bits avatar nikhil-concetto avatar nikhilvadoliya avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

flutteranimatedbutton's Issues

Loopable Animations

Describe the solution you'd like
Current animations make it look like the button's state is either toggled on or off. But what if I have the button that, for example, prints the number of times it was pressed? I wouldn't want it to look like its toggled. I'd want the button to look the same before and after the animation.

Additional context
Something like this from your documentation. Buttons look the same at the beginning and at the end of the GIF.
banner_1 0 0_2

_AnimatedButtonState#641e1(tickers: tracking 1 ticker) was disposed with an active Ticker.

It seems that the Animation was not disposed:

_AnimatedButtonState created a Ticker via its TickerProviderStateMixin, but at the time dispose() was called on the mixin, that Ticker was still active. All Tickers must be disposed before calling super.dispose().

Tickers used by AnimationControllers should be disposed by calling dispose() on the AnimationController itself. Otherwise, the ticker will leak.

The offending ticker was: _WidgetTicker(created by _AnimatedButtonState#641e1)
The stack trace when the _WidgetTicker was actually created was:

To Reproduce
Steps to reproduce the behavior:

  1. Use the FlutterAnimatedButton to navigate to another page. I used GoRouter's context.goNamed

Expected behavior
It doesn't affect UI but it prints the Exception and memory may leak.

Center text doesn't work with multi-line text.

Describe the bug
Center text doesn't work with multi-line text.

To Reproduce
Steps to reproduce the behavior:

  1. Create an AnimatedButton with long text than one line.
  2. Set the textMaxLine to 2,
  3. Set the textAlignment to center,
  4. Run the App
  5. The text is not centered while if we reduce the text to be displayed on one line it will be centered.

Expected behavior
we expected to see the text center.

Screenshots
image

Smartphone (please complete the following information):

  • Device: Samsung Note 8
  • OS: Android 10
  • Version: 2.0.2

Additional context
Add any other context about the problem here.

Error : All Tickers must be disposed before calling super.dispose().

I keep getting this error while using your AnimatedButton.

══╡ EXCEPTION CAUGHT BY WIDGETS LIBRARY ╞═══════════════════════════════════════════════════════════
The following assertion was thrown while finalizing the widget tree:
_AnimatedButtonState#fade3(tickers: tracking 1 ticker) was disposed with an active Ticker.
_AnimatedButtonState created a Ticker via its TickerProviderStateMixin, but at the time dispose()
was called on the mixin, that Ticker was still active. All Tickers must be disposed before calling
super.dispose().
Tickers used by AnimationControllers should be disposed by calling dispose() on the
AnimationController itself. Otherwise, the ticker will leak.

I checked the implementation, and you should add the following function to the widget.

@override
  dispose() {
    animationController?.dispose();
    super.dispose();
  }

Feature to automatically expand with respect to give text.

When I try to enter a very long text in the button, it fails to expand itself (like a container), and will show only the first line. Setting the height to some greater value won't help here as the string was coming from an API, and predicting the number of lines a string will acquire is not possible.

Reverse Button Animation

I've been using the animated button for a long time, and one of the problems I've had for a long time is that I can't undo the animation that takes action when the button is clicked. I think some controls can be added for this.

An Extra animation and an on hover animation.

This library is amazing however I feel like that an on hover animation is missing from flutter in general and given that this library can easily add that it would be amazing. The on hover animation should start whenever the mouse is on the button and then reverse when the mouse is removed from the button. The second feature would be to animate the borders of the button on click or on hover. meaning that the border gets drawn either from bottom to top or from the corner to the opposite corner .

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.