Udemy

Overview of and Installing React Navigation

Video tutorial gratuito di Spencer Carli
Web & Mobile App Developer
Valutazione: 4,7 su 5Valutazione dell'insegnante
1 corso
8.790 studenti
Overview of and Installing React Navigation

Segui il corso completo per saperne di più

Create Your First React Native App

A crash course in building your first React Native app in a weekend or less!

03:26:21 di video on-demand • Ultimo aggiornamento: Giugno 2017

How to use the most common React Native components
Install and configure third party packages
Setup various types of navigation
Design reusable React Native components
Confidently create future React Native applications
Italiano [Auto]
Per gestire la navigazione nella nostra applicazione che costruiremo in questo corso, che è assolutamente fondamentale per qualsiasi applicazione che si costruisce. Indipendentemente dalla complessità o dalla semplicità, è probabile che vi sia più di una schermata e che quindi sia necessario navigare tra le varie schermate. Per farlo, utilizzeremo la navigazione di React. React Navigation è una soluzione comunitaria che ha appreso e si è evoluta da diverse soluzioni di routing di base e da soluzioni di routing di terze parti in un unico pacchetto che ci permette di costruire e sviluppare applicazioni in modo facile per noi sviluppatori, valido e familiare per i nostri utenti. Ed è molto semplice. L'evoluzione di questa soluzione di routing è stata notevole. Sono qui sul sito della documentazione, disponibile all'indirizzo React navigation. org. E se volete saperne di più su ciò che è stato realizzato dietro le quinte della navigazione React, qui c'è un bel video. Poi daremo un'occhiata alla documentazione, che è un'eccellente risorsa di apprendimento. Ci occuperemo dei tre navigatori di cui react Navigation è dotato, ma è possibile fare molte cose avanzate con questo pacchetto, se le soluzioni di routing di base non sono adatte alle proprie esigenze. I tre navigatori che vengono forniti con la navigazione React sono lo Stack Navigator, che è fondamentalmente quando si passa da una schermata alla successiva e la schermata successiva scorre o sfuma, a seconda che ci si trovi su iOS o Android. L'altro è il Tab Navigator. Lo abbiamo visto tutti sui dispositivi iOS e anche su quelli Android. Infine, c'è il Navigatore cassetto, in cui si tocca un'icona o si compie un'azione e un cassetto o una schermata scorre dal lato sinistro e copre la schermata attualmente attiva, dando accesso a un menu. Nel corso di questo corso vedremo tutti e tre i navigatori e, prima di poterli utilizzare, dobbiamo procedere all'installazione. L'installazione è super, super semplice, persino più facile di altri pacchetti che abbiamo installato a questo punto. Tutto ciò che si deve fare è andare nella cartella del progetto attuale e poi eseguire NPM, installare, dash dash, salvare, reagire alla navigazione. Ci vorrà un attimo per scaricarlo, installarlo e, una volta completato, si potrà passare alla fase successiva.