Adjustable timing on React Native

Everyone, including people with disabilities, should have adequate time to interact with your app. People with disabilities may require more time to interact with your app. If certain functions are time-dependent, it will be difficult for some users to finish in time. If content is shown for a limited time, users might not finish reading in time. It should be possible for users to increase time limits, or ideally, disable all time limits.

Adjustable timing - React Native

In React Native, the react-native-root-toast is often used to display temporary messages. The display duration might be too short for people to read or hear the message.

We recommend use the SnackBar in react-native-paper instead. Set the duration to Number.MAX_SAFE_INTEGER to keep it visible. Don't forget to add a close button.

Also make sure that the use of time limits, e.g. by using setTimeout, can be extended.

JSX

import { Button, Snackbar } from 'react-native-paper';

<Snackbar
    visible={visible}
    onDismiss={onDismissSnackBar}
    duration={Number.MAX_SAFE_INTEGER}
    action={{
        label: 'Close',
        onPress: () => {
            // Close
        },
    }}>
    Appt
</Snackbar>

Bijdragen