Cuando TouchableOpacity , se resalta, pero un poco más de la mitad de las veces, no registra press .
¿Por qué el área táctil es tan pequeña? Se siente como si fuera solo 1 x 1 píxel.
Ya probé algunas cosas, como usar un envoltorio <View> y configurar el width y el height del componente TouchableOpacity .
<List.Item onPress={undefined} right={() => { return ( <TouchableOpacity onPress={() => console.log('press')} style={{ top: 18, right: 10, position: 'absolute', }} > <FontAwesome name="trash" size={16} color="#FF0000" /> </TouchableOpacity> ); } />TouchableOpacity tiene el tamaño del contenido en este ejemplo, lo que significa que si el ícono es muy pequeño, su área táctil será muy pequeña. Por lo general, establezco un estilo de contenedor de tamaño cuadrado para los íconos y aumento el tamaño cuando es necesario
<List.Item onPress={undefined} right={() => { return ( <TouchableOpacity onPress={() => console.log('press')} style={{ top: 18, right: 10, position: 'absolute', height: 20, width: 20 }} > <FontAwesome name="trash" size={16} color="#FF0000" /> </TouchableOpacity> ); }/>