How to mute tap sound on button click in React native? Code Example

To prevent your Android phone to make any tap sound on button click, you can use touchSoundDisabled props of <Button> component and set it to true.

This works for React Native apps for Android phones.

Code Example

import React from 'react';
import { StyleSheet, Button, View, SafeAreaView, Alert } from 'react-native';

const App = () => (
  <SafeAreaView style={styles.container}>
    <View>
      <Button
        title="Press me"
        color="#ff0000"
        touchSoundDisabled="true"
        onPress={() => Alert.alert('Simple Button pressed')}
      />
    </View>
  </SafeAreaView>
);

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    marginHorizontal: 16,
  }
});

export default App;

Live Demo

Conclusion

To disable tap sound on button click use touchSoundDisabled=true prop on Button component. This functionality works in Android phones only.