ListItem Switch Component doesn't stay switched on

From the Snack that was referenced in #256, I’m seeing the switch reverting to off each time it is switched on.

Adding switchButton to my code and testing in the iOS simulator reproduced the same issue.

Steps to reproduce:

1. Open https://snack.expo.io/SJPQNScUZ. Turn switch in row 2 on.
2. Switch should stay on
3. Switch turns off

Using RNE version 0.18.4

<List>
    <FlatList style={{width: viewportWidth}}
        data={this.state.contacts}
        ListHeaderComponent={this.renderContactListHeader}
        renderItem = {({item}) => renderListItem(item)}
        keyExtractor={item => item.id}
    />
</List>

renderListItem = (item) => {
    const li = <ListItem
        hideChevron
        switchButton
        title={`${item.firstName} ${item.lastName}`}
        subtitle={item.emails[0].email}
        onPress={() => handleContactPress(item)}
    />;
    return li;
}

[xavier-villelegier]

As it is specified in the React Native Switch documentation, the Switch component is a controlled component. This means that you have to handle by yourself the state of the component to reflect user actions, by using the onValueChange callback and updating an internal state. You’ll then use this state as the value props of the Switch component 🙌 Thanks for the Snack @jnpdx !

[evanmcd]

Sorry for the delay - I’m just getting back to this functionality in my app now. Appreciate the info @jnpdx. The example you provided works for me.