I am currently using the package curved_navigation_bar: ^0.4.0-nullsafety.0 to display a navigation bar in my flutter project.
currently the default shape of selected icon looks like this
I want something that looks like this
when I go into the source code I see some mathematical formulas which I tried tweaking but am not getting a similar result. can someone help me? a container or widget of this exact shape will also help me. thanks
Related
Somebody did something like this image?
I would like to create links like image is showing.
I'm new with flutter and I tried "GraphView" but I can't customize it.
I saw TreeView, but doesn't work for me.
I tried to find any flutter package for that but unfortunately, I did not find one enter image description here
You can use percent_indicator package, and for each percentage you show a text with check icon as like the image you show.
I am practising Cupertino App in Flutter, and I found that there is a page transition that looks like stacking the pages. The following is the transition that I found.
I found a package named modal_bottom_sheet that looks like have the one I want. The example below the package description is the one I want to implement. I tried it in my code but it doesn't look like what I expected. Is there a package that I'm looking for? or It's already included in the Cupertino package?
It's commonly named Sheet something like the standard [DraggableScrollableSheet][1] or some 3rd-party widget like the following ones from https://pub.dev/
cupertino_modal_sheet (This one is exactly like the animation)
modal_bottom_sheet (This one is exactly like the animation)
awesome_select
backdrop_modal_route
bottom_sheet_expandable_bar
bottom_sheet
just_bottom_sheet
sheet
I'd say it's two things happening at once:
You show a modal bottom sheet (and the package you chose is great
for that).
You scale down everything that is below it and round the corners.
I'm not sure if there's a package to do this out of the box.
My designer gave me the following design for a questionnaire screen.
I didn't found anything out of the box from the flutter components.
Maybe I could create something of my own, but before that I would like to validate that this isn't something that exists:
Any help would be appreciated
You can use smooth_page_indicator or page_indicator for the page indicate, and for the Next and Back buttons you can use any kind of flutter button components
I am currently trying to implement a time select Widget, it should look something like this:
Image_Link.
And it should work like shown in this video:
https://streamable.com/2y7s65.
I would like to have the design, shown in the picture combined with the wheel in the video to select a specific time.
But I am struggling with this for a while. I know there is a package: flutter_time_picker_spinner, but I count't find any way to customize the spinner in the way I need to (like in the picture: Image_Link )
I hope I gave enough information, if something is still unclear please tell me.
My approach would be download https://github.com/icemanbsi/flutter_time_picker_spinner/blob/master/lib/flutter_time_picker_spinner.dart and style it as you like.
You can use ListWheelScrollView to get the result you are looking for. Style each individual button the way you want and add them as children. From there you can style the ListWheelScrollView to get your desired look.