Блог

Я создал пользовательский компонент кнопки возврата просто для того, чтобы выводить пользователю предупреждение на определенных экранах, где они могут изменять данные для объекта, и потеряет эти изменения, если они не нажмут Save перед переходом с экрана.

Ссылка на snack для получения полного кода компонента CustomBackButton

(snack запускаться не будет, я просто использую его для предоставления полного кода, который я использую)

Эта логика / реализация работает так, как задумано, однако внешний вид сильно отличается от внешнего вида встроенной кнопки возврата на iOS. Мне интересно, как лучше всего эмулировать это как можно ближе, чтобы пользователь мог почувствовать, что кнопка такая же, как и встроенная во всем приложении.

Что бы вы посоветовали? Я открыт для любых предложений, таких как улучшения flexbox, взломанные моды RNN и т.д. и т.п.

пользовательская кнопка возврата:

встроенная кнопка возврата:

на данный момент я использую marginLeft: -20 в контейнере кнопок (styles.button)