1.9 KiB
title | localeTitle |
---|---|
Touchables | palpável |
Reagir Nativo - Touchables
Alguns dos principais recursos dos dispositivos móveis giram em torno das interações de toque do usuário. Como um aplicativo para dispositivos móveis lida e responde a essas interações pode fazer ou quebrar a experiência do usuário.
Reagir navios nativos com um componente Button
que funciona para muitas interações onPress
padrão. Por padrão, ele dará ao usuário feedback alterando a opacidade para mostrar que o botão foi pressionado. Uso:
<Button onPress={handlePress} title="Submit" />
Para casos de uso mais complexos, o React Native tem APIs construídas para lidar com interações da impressora chamadas Touchables
.
TouchableHighlight
TouchableNativeFeedback
TouchableOpacity
TouchableWithoutFeedback
Cada um desses componentes Tocável pode ser estilizado e usado com uma biblioteca, como o Animated
integrado, permitindo que você faça seus próprios tipos de feedback personalizado do usuário.
Alguns exemplos de uso desses componentes:
// with images
<TouchableHighlight onPress={this.handlePress}>
<Image
style={styles.button}
source={require('./logo.png')}
/>
</TouchableHighlight>
// with text
<TouchableHighlight onPress={this.handlePress}>
<Text>Hello</Text>
</TouchableHighlight>
Você também pode lidar com diferentes tipos de pressionamentos de botão. Por padrão, botões e toques são configurados para lidar com toques regulares, mas você também pode denotar uma função para chamar por pressionar e manter interações, por exemplo.
<TouchableHighlight onPress={this.handlePress} onLongPress={this.handleLongPress}>
Para ver todos os suportes disponíveis e como esses componentes funcionam, você pode ver o código-fonte JavaScript para o Touchables aqui .