I have a swiper page in flutter where I have some textformfields as column children. Now when I focus on the last textfield. The textfield gets covered by keyboard. I would like to make the column scrollable so I put the column as child of singlechildscrollview. But since the page is already part of a swiper page and hence scrollable. The scroll is not working for the column. How do I go about implementing this?
Add physics: ClampingScrollPhysics() property for SingleChildScrollView. May be this will solve your problem.
Related
can some one tell me how to make a long list with multiple widgets , but not scrollable , instead , there will be a button (like the arrow on the right in the picture) when you click it, it will slide to the next widgets available with the simple animation (not poping the current widgets sliding it instead), do we have a widget specified for that ? here is example of what i want :
In your Scrollable widget, set physics to the NeverScrollableScrollPhysics() calss. For example:
SingleChildScrollView(physics: NeverScrollableScrollPhysics(),
...
)
I have a ListView with, say, PostItems being generated with ListView.builder.
Each PostItem MAY have comments on it. So each PostItem has a nested ListView.builder to show comments for that PostItem.
User can add a Comment to the nested ListView. However, UX would like to scroll to that newly added Comment in the nested ListView. Nested Listview shrinkwrap is true, with NeverScrollable Physics. When nested Comment listview expandeds with new Comment, it's off screen and I want to scroll down to it.
ListView.builder -> PostItem -> Nested ListView.builder
However, my assumption is that I need to make the parent ListView scroll down but how do I know where to scroll to when it's the Nested listview that has grown in height.
I can't share code due to the project but any theological thoughts or ideas would be a great help!
Thanks
I can see that, based on your description, we can access the index of that particular ListView. Thus, I would suggest you to use this package to achieve what you want:
scroll_to_index
I want to give a margin around the whole screen in Flutter. So I put my content inside a Column and put the Column inside a Container. So I gave a padding to the whole screen. But when a TextField is selected and the keyboard appears the bottom overflow. I can't give resizeToAvoidBottomPadding: false, because then the keyboard covers the TextField.
I can't use SingleChildScrollView or a ListView because then the placing of the children won't keep space between.
It seems the only option is to remove the Container and set a padding to each child of the Column.
Is there a better option for this ?
The reason I'm asking is because I don't want to have a ListView I have a Column which fits me perfectly however the inability to scroll makes my app look irresponsive. How could I add my Column a more fluid scrollPhysics please?
I know that Column gets 100% of height of the screen and that's perfectly fine I just want to give it a responsive feel.
Warp the Column with SingleChildScrollView so that the Column will be scrollable, and you can specify the scroll scrollPhysics.
My question is similar to this How to make my page scrollable when i show overlay element, that have too many items in flutter? but it has no answers so I'll try to ask as well:
I have an Overlay showing a list of questions using ListView. The list of questions is long and I need to enable scrolling inside the Overlay.
Now it's static and part of it disappears at the bottom of the mobile device.
Why is not just scrollable (since the list inside the Overlay is inside a ListView) and is there a way to make it scrollable?
Thanks in advance for any help!
UPDATE (SOLVED) :
The problem was that the ListView widget is inside a Positioned widget and the top, left, bottom and width values (in my case) need to be set in order for the content to be scrollable.
The problem was that the ListView widget is inside a Positioned widget and the top, left,bottom and width values (in my case) need to be set in order for the content to be scrollable.