Button for ListItem doesn't work

button	-	boolean	To navigate on click of a list item.

But it doesn’t work. Where do you place that button?

        listItems = config.reduce( (all, item, idx) => {
            all.push(
                <ListItem key={item.i18n} button={true} first>
                    <Text button>{item.i18n}</Text>
                </ListItem>
            )
            return all;
        }, []);

                    <List button={true} first={true}>
                        { listItems }
                    </List>

[SupriyaKalghatgi]

@wzup Please use polite words

[wzup]

You have to use <Right> component in order to have right chevron. See below

You do not document it. This is bad. Time consuming for us developers.

first doesn’t work anyway

            <ListItem key={item.list}
                button={true}
                first={props.index === 0}
                style={listItem}
                >
                <Left>
                    <Text style={css.text}>{item.text}</Text>
                </Left>
                <Right>
                    <Icon name="arrow-forward" style={css.chevron} />
                </Right>
            </ListItem>