Flutter: Number picker Horizontal Scroll and selected item always in middle - flutter

I am working on the number picker with horizontal scroll and the view looks like in the below image.
I have tried to customize this library as per my requirement. But after customize, it looks like this
There is listwheelscrollview for the vertical scroll and for horizontal its added for the new feature https://github.com/flutter/flutter/issues/25074
Any alternative solution for now to make the same view?

Related

Can't scroll using Scroll View

Whenever I press play, I can't move the scrollbar or the scroll view. The scrollbar also resets for some reason...
I was trying to make a questionnaire but it just doesn't work. And yes, I have set the viewport and the scrollbar, and the react transform.
you have to add vetrical or horizontal layout group to content gameobject under scrollview>viewport>content. also you have to add content size fitter and set it to preferred size for vertical or horizontal. then your scrollview will work.

a custom silverAppBar with scrollUp animation - flutter

I want to create a SliverAppBar with up scroll animation.
the children of sliverAppBar are resized depending on the height of silverAppBar and the text should be invisible in the small size like below (with animation)
Qst: what is the best way to implement it
I used the SliverAppBar before but wasn't that complicated like the current example.
its my first time working on something like this.
so any suggestion would be helpful

How do I add a blur effect at the top and bottom edge of vertical scrollView in flutter

I'm Trying to implement a vertical Scroll view with multiple items inside. Currently the scroll view works just fine but the edges seems to be very sharp and its cropping like this while scrolling,
instead I need to blur the top and bottom edge.
I'm looking for something similar to this answer https://stackoverflow.com/a/61151054/12890791, but this answer is for horizontal scroll.
Make the appBar transparent, set elevation to zero. In the scaffold, set extendBody and extend bodyBehind appBar to true

Moving a label without having it nest under a screen filling UIView

I have a UIView implementing a GMSMapView which stretches to fill out the screen. I want a little label displaying text on top of this map on the top-right corner.
I managed to re-order the arrangement to successfully display it on top of the map while in the center:
But the moment I try to move it to another spot, it nests under Map Label and no longer shows up:
How can I prevent it nesting under the Map Label view?
First remove all constrains from the label, and then center the label in the middle of the View aligned perfectly. Then go to Resolve Auto Layout Issues and click Update Constrains after add Missing Constrains and run the app. Another way that I use stack the label and place in the middle and add the appropriate constrains. To add a Stack View select your label and click on the first icons horizontally placed on the PIN row.

Appending a scrollview (horizontal) to a view which has a scrollview (vertical) and two labels Iphone sdk

I have developed an iphone application which has 6 cards (icons with images) in the Rootview. Clicking on a card would bring another view which the image being enlarged (fullScreen). The Card View has a Flip button which shows the back side of the Card which contains some text. Different cards hold different text on their back. Depending on the text size the view will be scrollable. I used two labels: one for title of the text and and second label having the whole paragraph. I have placed a scrollview below the two labels for vertical scrolling.
When a nth card is clicked from the Rootview the selected card should appear. It works perfectly. I used a separate view to design the front view of card and a different one for the text on the back. The issue is when a card is opened and flipped to see the text, it should be scrollable horizontally too apart from scrolling vertically. I dont want to redo anything. I have placed the vertical scrollview and the labels on the view representing back of card. I added another scrollview and enabled its paging property and wrote code in the following functions.
scrollViewDidScroll:(UIScrollView *)sender;
scrollViewDidEndScrollingAnimation:(UIScrollView *)newScrollView.
But it is not working as desired. No scrolling works (even the vertical 1 which was earlier working fine. I mean when i combing the horizontal scrolling both stop working.
How do i allow vertical and horizontal scrolling to this view which has two labels.
I would appreciate your help...
Thanks in advance
I solved it.
I used a table view to hold the card back details. So i get vertical scrolling by default.
I took a scrollview which will hold as many number of tableviews as there are cards.
And it is done