ukrywanie komponentu w react native

Question

Witam,

Jak poprawnie w react / react native ukryć/skasować/zamienić komponent? Zalozmy sobie ze mam aplikacje w której mam 3 oddzielnie strony, chce przejść na inną stronę, tak więc chce zamienić główny komponent który zajmuje 80% ekranu (reszta to paski narzędzi itd.) na inny komponent.

Chodzi mi o dodanie takiej nawigacji w zasadzie, nie wiem jak to do końca poprawnie nazwać ani zrobić w react native

Comments

Może wyszukaj frazę React Router niewiem czy o to ci chodziło.

https://reactrouter.com/

Answer 1

Albo piszesz własną obsługę z funkcją np. która wykona ci display na none coś w tego typu rodzaju. 
Albo jeśli dobrze rozumiem chodzi Ci o trasowanie 
wtedy to co kolega napisał ReactRouter. https://www.nafrontendzie.pl/react-router-wersji-4-wszystko-nowa
Możesz też wywołać funkcyjnie 

Domyślnie element jest ukryty. Aby zmienić jego widoczność, tworzymy dwa przyciski, które po kliknięciu wywołują funkcję setVisible zmieniając argument visible na wartość true (aby nasz element był widoczny) lub false (aby go ukryć).

// import React from 'react';

const App = () => {
  const [visible, setVisible] = React.useState(false);
  return (
    <div>
      <button onClick={() => setVisible(true)}>Wyświetl</button>
      <button onClick={() => setVisible(false)}>Ukryj</button>
      {visible && <div>Mój element</div>}
    </div>
  );
};

const root = document.querySelector('#root');
ReactDOM.render(<App />, root );

Też może się przydać https://pl.reactjs.org/docs/conditional-rendering.html warunkowe wyświetlenie.