Code Monkey home page Code Monkey logo

anim_search_bar's Introduction

Hi , I'm Sai Gokula Krishnan

I code stuff

  • 🔭 I’m currently building EventFlux, Davinci, Anim Search Bar and InitialCommit

  • 🌱 I’m currently learning Swift, Typescript

  • 👨‍💻 Check out my portfolio, Gokula.dev

  • 💬 Ask me about Flutter, Dart, Swift

  • 📫 How to reach me? [email protected]

  • I'm most comfortable in that weird, funky world between design and development—that's where the most fun, creative, boundary-breaking work happens.

Languages and Tools:

flutter dart firebase git swift swift swift

anim_search_bar's People

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  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

anim_search_bar's Issues

Style and text space problem

Hi, I'm David.

I think this module is very nice with animation and simple UI
Well, anyway, I have some questions.

I think this module has to need more options style.

  • when adopting the theme, the left arrow which is based on setting Icon is not changed color.
  • text spacing. the text space I think is short for me.

Next)
I don't know how to do this problem.
when I write text over space then all written text is not show anything.
but if remove some characters to fit text space, then characters are shown.

how can I fix it?

Styling for cursor and label style

Hi dear,

is there any option to add cursor color and
label text color

Currently in package its hard coded:

cursorColor: Colors.black,

labelStyle: TextStyle(
color: Color(0xff5B5B5B),
fontSize: 17.0,
fontWeight: FontWeight.w500,
),


Any possibility to update on this?

"Back" icon should be replaceable

When used in rtl mode, the arrow icon to close the search bar points in the wrong direction. It should be pointing to the right. It would be best to allow customizing this icon as well.

The layout was break when change the size

AnimSearchBar(
    helpText: 'チームを検索',
    prefixIcon: const Icon(
      Icons.search,
      size: 30,
    ),
    suffixIcon: const Icon(Icons.close),
    boxShadow: false,
    color: tmColor,
    searchIconColor: Colors.white,
    width: 300,
    textController: _searchTextController,
    onSuffixTap: () {},
    onSubmitted: ((p0) {}))

スクリーンショット 2023-02-22 12 23 42

Styling options

Thanks for this awesome widget,

currently I have some issues in regards to the customization that is being offered.

  • Hardcoded height
  • TextStyle can 't be set
  • Color of icon can't be set since you expect IconData instead of Icon
  • How to close the search bar again with suffixTap?
  • autofocus on the textfield would be helpful

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.