React Native Custom Multi Selector - Step 4

App.js

{ this.state.SavedPokemon.length > 0 ?
    <View style={{ marginTop: 5 }}>
        <Text style={styles.selectListTitle}>Your Pokemon List</Text>
        <ScrollView>
            <View style={styles.cardView}>
            { this.state.SavedPokemon.map(item => (
                <View style={styles.cardMain}>
                    <Image
                        style={styles.pokeImage}
                        source={{ uri: item.Avatar }}
                    />
                    <Text style={styles.pokeName}>{item.Name}</Text>
                </View>
            ))}
            </View>
        </ScrollView>
    </View> 
    :
    <Text style={styles.noPokemonSelected}>OOPS! You Dont Have Any Pokemon!</Text>
}