List group with fixed index, using iOS for both iOS and Android

1

I am using F7+React.

I know I can pass theme: “ios” in the app bootstraping, using the F7 root params.
I want the app to be “auto” but only in some specific parts, like in the list index, I need ios for both.

iOS list index is more readable, since it takes the full width of the line as fixed, so you can put there more than just a single character, but a full title.

Source:
https://framework7.io/react/list-index.html

However when I am adding the theme=“ios” in the List component it doesn’t work.

Is there possibility to achieve this?

2

I found the answer, I can just do this:

<ListItem groupTitle>
              123123
            </ListItem>
            <ListItem>
              asdasd
            </ListItem>

And remain using auto.

3

What you are refering is the Contacts List https://framework7.io/react/contacts-list.html
You can basically remove contactsList prop from the List and it will look similar to iOS theme in MD theme

1 Like