Je ne sais pas pourquoi TouchablePacity ne fonctionne pas sur une carte. Voici mon code:
touchable: {
width: '100%',
backgroundColor: '#e5edf9',
margin: 10,
height: 55
},
3 Réponses :
Vous avez manqué une paire d'accolades bouclées dans Fonction de flèche Par défaut, renvoyez la valeur à droite de la flèche et exécutez les codes s'il est enveloppé d'accolades bouclées. olfress = {() => console.log ("appuyé")}
Il devrait être olfress = {() => {console.log ('appuyé')}}
Ce que vous avez fait est de simplement retourner une valeur sans signification (une fonction), vous devriez réellement appeler la fonction avec l'aide d'accolades bretelles.
L'interface de la case à cocher étend les accessoires TouchablePacity dans Nativebase.
afin que vous puissiez appeler ou vous pouvez passer onnait code> dans touchableopacity code> comme ci-dessous, p> ometter code> en tant que PROP à Cochez la case CODE> P> <Content>
<Form>
<Header>
<Title>{concernName}</Title>
</Header>
{values.map(value => (
<TouchableOpacity
key={value.id}
style={styles.touchable}>
<ListItem>
<CheckBox onPress={() => console.log('pressed')} />
<Text style={styles.bodyTextOptions}>{value.name}</Text>
</ListItem>
</TouchableOpacity>
))}
</Form>
</Content>
Cette solution ne fonctionne pas. Le code d'échantillon ci-dessus supprime la case à cocher que je veux là-bas. Le bas, la case à cocher fonctionne mais le totalement touchable ne fonctionne pas. Je n'aurais pas besoin du touchableopacity si je voulais juste utiliser le bouton Cochez la case.
Ainsi, supprimez la bibliothèque d'utilisation de la base natale et créez votre propre composant à cocher.
J'ai fini simplement en supprimant l'opacité touchante, je ne peux pas accepter cette réponse puisque elle n'a pas répondu au problème, mais merci d'avoir essayé! @Sdushan
@FABRIGIOG Il y avait un problème avec la base indigène Je signale cette question dans ma réponse. Fondamentalement, vous ne pouvez pas utiliser olfout dans touchableopacity car celui-ci s'étend par Base de base natif .
Ma réponse pourrait ne pas résoudre votre problème, mais cela vous a donné une idée de la coche de la base de la base Works.
J'ai fini par faire fonctionner cela pour éliminer le touchableopacity. Pour une raison quelconque, le touchableopacity ne fonctionnait pas avec une case à cocher imbriquée.
{ values.map(value => (
<ListItem key={value.id} onPress={ () => console.log('pressed') }>
<CheckBox checked={ this.activateCheckBox(item) }/>
<Body>
<Text style={styles.bodyTextOptions}>{value.name}</Text>
</Body>
</ListItem>
)) }