ArcticZeroo/flutter-search-bar

Remove underline

MilanObrenovic opened this issue · 6 comments

How to remove the underline of the TextField of the search bar? Is it even possible to customize its style?

Could you send a screenshot of what you are describing? There should be no underline. It is possible to customize some colors in the currently published package, and an updated package will be released shortly with the ability to change the entire theme using ThemeData (based on a recently merged commit)

@ArcticZeroo i have this blue underline on the input field when i click the search button in the toolbar using your library: https://prnt.sc/tcmvru

I'm asking how to remove it? Or at least how to customize it. I would like that text field underline to be gone.

It appears that it is not possible to remove with the currently published package, due to changes that flutter made when adding support for web. We could easily add customization to remove it. Can I ask what functionality this package provides you that flutter's built in search bar does not? If there are use cases not covered by flutter's built in one, then it definitely makes sense to continue the development and add these parameters.

@ArcticZeroo I haven't found a solution of flutter's default search toolbar package that can do this. i just want to be able to click the search icon and the whole toolbar to change background into search input field like in your example

I see. I'll look into this then. It should be simple enough to add to the search bar. I would be surprised if there wasn't a way to do it with flutter's built in method though, but I haven't used it much at all

I can't reproduce, but I explicitly disabled all borders anyways. Can you update to 2.1.0 (which requires dart 2.0, if you're not already using it) and try again?