React Native условный рендер или отображение: нет для основной навигации - PullRequest
0 голосов
/ 19 марта 2020

Как лучше всего использовать React Native для отображения и скрытия экранов.

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

В одну сторону было бы обновить состояние с отображаемым именем при нажатии на элемент вкладки, а затем использовать это же состояние, чтобы решить, имеет ли экран стиль отображения: flex или display: none.

например. this.state.screen == this.props.name ? {display:flex} : {display:none}

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

this.state.screen == this.props.name ? 
    return (
      // That screens content
    )

Получение этого базового средства правильно с точки зрения производительность и масштабируемость является целью. Каков наилучший подход?

...