Какой компонент я должен использовать, чтобы сообщить пользователю об успешном выполнении действия?

#reactjs #react-native

Вопрос:

У меня есть приложение, в котором пользователь может загрузить фотографию. После загрузки я хочу отобразить небольшое сообщение с надписью «Загрузка прошла успешно». Изначально я хотел показать Modal с https://reactnative.dev/docs/modal но тогда я хотел, чтобы эта информация исчезла либо через 5 секунд, либо если пользователь нажмет за пределами модала. Поэтому я подумал, что мне следует завернуть свой Modal внутренний Animated компонент https://reactnative.dev/docs/animations

На правильном ли я пути? Это способ показать удобный для пользователя способ переноса сообщений внутри анимации. Или есть еще один компонент, который я могу использовать?

Комментарии:

1. Привет! Я думаю, что ваш вопрос относится к UX stack exchange и на него будет лучше дан ответ. Пожалуйста, обратитесь к этому сообществу: ux.stackexchange.com

2. Я в этом не уверен…. Я просто чувствую, что не знаю подходящего компонента, но я могу ошибаться

Ответ №1:

Я думаю, что будет лучше, если вы будете использовать закусочную для таких целей.

Вы можете использовать любую библиотеку закусочных в своем проекте. Вы оборачиваете его вокруг своего проекта, а затем всякий раз, когда вам нужно отправить информационное сообщение или сообщение об ошибке, вы просто вызываете крючок для этой закусочной. Кроме того, он автоматически исчезнет после отображения сообщения. вам не нужно будет заботиться о секундах.

пакет notistack : https://www.npmjs.com/package/notistack Вы также можете проверить оповещения пользовательского интерфейса материалов.