How to overlay a list on a list? - flutter

Can you please tell me how to make the top list go behind the bottom list like Stack? If the first 3 elements of the list are shown in more detail, then the rest are hidden behind another list that overlaps it from below. I have attached a screenshot showing this effect. If you tell me how to implement I will be grateful.

You need to use Bottom sheet widget. Please check below link for the sample. If still it won't help you then please let me know.
https://medium.flutterdevs.com/modal-bottom-sheet-in-flutter-dae05debbed2

Related

how to make a grid view to be paged?

I want to make a view like image below that has a list of items to be shown as gridview.but I want it to have like 8 of them in each page and user can go next and previous page.could you help me how to do that?
My advice is to use Wrap instead of GridView and you can handle it and it can fill the pages according to the screen size.
if you are fetching datas from api and it has pagination you can manage to show list of Wrap in every pages by clicking Next or Previous.
if you had any question about my answer i'm here to make it clear.
Happy coding...
Moraghebe khodet bash ;)

Flutter: Listview inside TabBar not showing

My "ListView" not showing inside "TabBar".
drive.google.com/file/d/1MLB7oizJ468V1SmCO_IsjL6OaoGhUAPd/… ----- List Page Code
drive.google.com/file/d/1d-iRa14-DupdLo3QdHd_iCHFkGi-_HD6/… TabBar Code
"TabBar" Section code:
"ListView" section code:
First of all the question is unclear and you should also provide code so that we can replicate the issue at our end.
Secondly, as per my understanding you are using NeverScrollableScrollPhysics() in both your TabBar() and your ListView() which is hindering the ability of your ListView to scroll. It is visible as I can see in the Substitutes section but it is not scrolling is your issue I imagine.
You can use https://pastebin.com to share your code. Never use such kind of drive link. This is difficult for a developer. They first need to download the code in order to debug. Also, share images to describe your issue.

How to make a mask with multiple highlights in a Flutter screen?

I am not sure how to describe this scenarios, below is the screenshot about this, I want to user tap one of the card, and then highlight this card, in the meantime, two actions in the screen's bottom which user can do some actions, any help are appriciate!
Please refer to what I've answered, it's quite similar to your case
https://stackoverflow.com/a/67088035/11276416

Page Control Navigation Symbol?

Could someone point me in the right direction on how you get your Page Controller to show the navigation symbol like this?
I couldn't really describe it well, and couldn't find much relevant information on the internet. Anything would be great, thanks!
This is most likely a custom UIPageController.
Or you might be able to add a UIImageView to the left of the page control and when you try to swipe, set that image view to highlighted and you'll get the same effect.
Here's a custom page control, DDPageControl
https://github.com/ddeville/DDPageControl

iphone - Navigating between UITextFields?

I have seen a lot of iphone apps which provide an easy to use navigation controll for text fields, which contains next previous and done.
What is the technique for this? any
sample code?
they also scroll the screen until
the selected textField is placed on
top of the keyboard, how do they do
that?
Sorry I don't have direct answers, these are the best I could find off the top of my head:
For 1, take a look at first responders, it seems to be what you're looking for.
For 2, you will have to make it manually. See this article.