Skip to content

"Заметки с комментариями" на React-Native (iOS, Android)

Notifications You must be signed in to change notification settings

alexeyShuncko/slmax-testovoe-zadanie

Repository files navigation

"Заметки с комментариями" на React-Native (iOS, Android)

Реализован экран с возможность добавлять и удалять заметку. Заметка в виде выпадающего списка с параметрам: название, краткое описание, полное описание и дата. Добавление заметки происходит через текстовые поля, в поле «Название» вводиться заголовок - до 25 символов. В нижнее поле «текст описание» вводиться содержание заметки, дата берется текущая. При выводе заметки, первым выводится название, потом первые 20 символов заметки. При раскрытии заметки выводиться полное описание и дата. Удаление заметки происходит свайпом влево, возле блока с заметкой появляется кнопка «Удалить», при нажатии на кнопку появляется кнопка с обратным отсчетом внутри (5 секунд), если до момента истечения отсчета нажать на кнопку, то удаление заметки отменяется, в обратном случае заметка удаляется.

Экран заметок Экран заметок с полным текстом Удаление заметки Обратный отсчёт

Внутри заметки хранятся комментарии и есть возможность их добавления. Комментарий содержит в себе: название, текст комментария и время/дату, в которое этот комментарий отправили. Реализована возможность ответа на комментарии. При клике на ссылку «Ответить» возле текстового поля появляется текст «Ответ на комментарий - {название комментария}». По умолчанию показывается только один ответ на комментарий, при клике на «показать все ответы» появляются все ответы.

Комментарий Ответ на комментарий

Реализована смена тем по нажатию переключателя.

Комментарий Ответ на комментарий Ответ на комментарий

Реализована фильтрация заметок по выбранному периоду времени.

Сортировка

При разработке использовались дополнительные библиотеки:

  • react-native-swiper
  • react-native-switch
  • @react-native-community/datetimepicker
  • react-native-vector-icons