best way to present multiple listview - flutter

I would like to know your idea about the best method to present several personalized horizontal lists, in the spotfy style.
With different preferences and musical styles.
The best way would be to create several listviews? or structure a database and make it somehow present only a few things on the user's homepage?
any suggestion?

i dont think there would be any problem displaying different list view on home showing few items ( 3 or 4 ) of that list and a button above each listView as View All on tapping using that list all items on that category personal screen

you can add multiple ListView as you can possible Try SingleChildScrollView for multiple ListView or Layouts
Refer Official Docs : docs

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 ;)

How to include list view BackPack with other components or widgets?

I would like yo add something to the list view in order to make a report.
Is it possible without override the view and had some components or widgets below ?
How can I include the list view several times on a page ?
Thanks for your help
You can easily add stuff to the List page using Backpack Widgets. They basically allow you to include a view within an existing page. You can of course include a custom view (aka custom widget) instead of an existing one.
You CANNOT however include the list view more than one time per page. It's not coded in a way that allows that.

Can you turn subsets of slides into a custom component in Ionic 3+?

I have tried to create custom components which are subsets of slides. I'm trying to create a custom Ionic component which is a subset of slides. Then I can mix and match subsets of slides in one to make a complete slide show. Like building a master process from sub-processes. You should be able to swipe back and forth between all slides as expected, no matter an directly in the component, or slides within custom components.
I've tried various methods to no avail. Any ideas?
PLEASE SEE THIS SAMPLE PROJECT WITH 2 METHODS I HAVE TRIED TO ACCOMPLISH THIS.
No. You can't do this. You can put a into another if one scrolls vertically and one horizontally. You can insert a custom component into an which just has a couple slides in it, put the inserted slides show one over the other vertically with no way to swipe back and forth. So, no. You can't do this. Perhaps with dynamic templates you can build the from code dynamically. That's the only work around I can see.

use of UIpageControl

Can any one explain what is the specific usage of UIPagecontrol in iPhone please.
I am using it for pagination in scroll view. Is there any other specific purpose for it???
Reading documentation for UIPageControl help you to understand uses of pagination.
Pagination, which automatically separates the content in your form into smaller groups of rendered content. When you use pagination, these groups of content are automatically formatted to fit the target device. The form also renders user interface (UI) elements that you can use to browse to other pages.
Here is the more simple explanation
http://www.smashingmagazine.com/2007/11/16/pagination-gallery-examples-and-good-practices/
You can know how many pages are there and also tapping on it ll navigate to next page.

How to create a custom listview like iPhone in Android

I was designing a custom listview in Android following the online tutorial Android Series: Custom ListView items and adapters and I created a custom list view like this:
This is simple and fine. Now I was surfing the web and found this fantastic listview for iPhone:
How can I create something like this? How has he given a box like interface for each row separating them from background and each other?
You could try removing the list dividers (android:divider="#null" or android:dividerHeight="0px") and using a custom drawable as the background for each row (either a 9patch or ShapeDrawable, possibly arranged in a StateList so they can have pressed/selected states). Then just also put a margin on the row layout, and your spacing should be taken care of (alternatively, you could use a transparent image as the list's divider with an appropriate height). But be careful about simply aping an iOS style because it looks nice; think about the typical Android user and what they take as interface cues. If you made your Android list look exactly like that screenshot below, I think many Android users wouldn't even realize they could click on those rows, or that they're part of a scrollable list.
The listview and each item in the listview can have separate backgrounds. So all you need to do is make some PNG files that look like the background of the items and the list itself.
You can set the backgrounds in XML using the android:src.
Or at runtime using:
setImageDrawable(getResources().getDrawable(R.drawable."picture name"))