React Native Newbie: когда переключать экраны, когда переключать компоненты

Я разрабатываю свое первое мобильное приложение (после десятилетия разработки Интернета) и пытаюсь понять, когда переключать экраны, а когда переключать компоненты на одном экране. Возможно, лучше всего пояснить на примере:

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

Итак: есть ли какие-либо стандартные соглашения относительно того, когда менять представления, а когда переходить между экранами?

Умерло ли Create-React-App?
Умерло ли Create-React-App?
В этом документальном фильме React.dev мы исследуем, мертв ли Create React App (CRA) и какое будущее ждет этот популярный фреймворк React.
Освоение React Native: Пошаговое руководство для начинающих
Освоение React Native: Пошаговое руководство для начинающих
React Native - это популярный фреймворк с открытым исходным кодом, используемый для разработки мобильных приложений. Он был разработан компанией...
В чем разница между react native и react ?
В чем разница между react native и react ?
React и React Native - два популярных фреймворка для создания пользовательских интерфейсов, но они предназначены для разных платформ. React - это...
От React к React Native: Руководство для начинающих по разработке мобильных приложений с использованием React
От React к React Native: Руководство для начинающих по разработке мобильных приложений с использованием React
Если вы уже умеете работать с React, создание мобильных приложений для iOS и Android - это новое приключение, в котором вы сможете применить свои...
Хуки React: что это такое и как их использовать
Хуки React: что это такое и как их использовать
Хуки React - это мощная функция библиотеки React, которая позволяет разработчикам использовать состояние и другие возможности React без написания...
1
0
796
1

Ответы 1

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

Для вашего конкретного примера вот как я бы это сделал: Форма ввода и счетчик должны быть составными частями одного экрана. Форма ввода отображается первой. После отправки формы компонент ввода заменяется компонентом Spinner.

После завершения отправки у меня будет анимированный переход к экрану результатов.

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

Другие вопросы по теме