1 00:00:02,270 --> 00:00:07,770 Ripeterci ancora e ancora e impostare lo stesso sguardo dettagliato ancora e ancora è davvero fastidioso 2 00:00:07,770 --> 00:00:10,550 e sicuramente non è quello che vuoi. 3 00:00:10,550 --> 00:00:17,960 Bene, finora lavoriamo sempre con le opzioni di navigazione che impostiamo proprio accanto ai nostri componenti. 4 00:00:18,020 --> 00:00:24,040 Ora non è necessario farlo per le impostazioni predefinite che ripetete più volte. 5 00:00:24,200 --> 00:00:29,740 In realtà rimuove qui questa impostazione dalla schermata del pasto della categoria e mantiene lì solo il titolo 6 00:00:29,740 --> 00:00:34,820 dell'intestazione perché il titolo dell'intestazione ovviamente dipende da questa schermata e cambia con i diversi valori 7 00:00:34,820 --> 00:00:36,310 che otteniamo nella schermata. 8 00:00:36,380 --> 00:00:41,990 Rimuoviamo quindi l'importazione della piattaforma e l'importazione costante dei colori aggiunge lo stesso sulla schermata 9 00:00:42,080 --> 00:00:43,370 delle categorie lì. 10 00:00:43,400 --> 00:00:48,530 Lo taglierò in modo che possano ancora usarlo ma lo rimuoverò anche da questa schermata e manterrò 11 00:00:48,530 --> 00:00:54,140 solo il titolo dell'intestazione che è specifico per questa schermata e non il valore predefinito per tutte le schermate 12 00:00:54,440 --> 00:00:59,500 quindi lo terrò qui e io può quindi anche sbarazzarsi dell'importazione della piattaforma e dell'importazione del 13 00:00:59,540 --> 00:01:00,710 contenuto dei colori. 14 00:01:00,740 --> 00:01:06,870 E ora andiamo al navigatore dei pasti perché oltre a configurare le opzioni di navigazione il prossimo anno i 15 00:01:06,870 --> 00:01:12,290 tuoi componenti che sono il posto giusto per tutte le opzioni specifiche di quel componente, puoi 16 00:01:12,290 --> 00:01:15,080 anche impostare le opzioni qui direttamente sul navigatore. 17 00:01:15,080 --> 00:01:17,830 Hai due diversi posti in cui puoi installarli. 18 00:01:18,170 --> 00:01:23,110 Un posto è quando stai usando questa configurazione dello schermo più complessa qui. 19 00:01:23,150 --> 00:01:29,120 Quando si mappa uno schermo ai propri identificatori oltre a impostare lo schermo con ciò che si 20 00:01:29,120 --> 00:01:32,390 desidera caricare, è necessario avere solo un valore. 21 00:01:32,450 --> 00:01:39,530 Puoi anche aggiungere qui le opzioni di navigazione e impostare alcune opzioni di navigazione per queste schermate qui. 22 00:01:39,530 --> 00:01:44,810 Quindi lì potremmo anche allo stile dell'intestazione il colore della tinta dell'intestazione e ora dobbiamo solo aggiungere la piattaforma e 23 00:01:44,810 --> 00:01:45,470 i colori. 24 00:01:45,470 --> 00:01:46,180 Importa qui. 25 00:01:46,250 --> 00:01:47,490 Quindi facciamolo rapidamente. 26 00:01:48,050 --> 00:01:52,430 Importiamo la piattaforma da reagire. 27 00:01:52,460 --> 00:02:03,940 Nativo qui e importiamo anche i colori dai colori delle costanti e se lo facciamo ciò che vedrai è che nella schermata delle categorie non 28 00:02:03,940 --> 00:02:11,020 abbiamo colore perché ho impostato questa colorazione qui solo sui pasti della categoria, ma se 29 00:02:11,020 --> 00:02:15,290 andiamo a quella schermata quindi abbiamo avere quella colorazione. 30 00:02:15,300 --> 00:02:21,060 Quindi abbiamo lo stesso aspetto che avevamo prima e ora ovviamente possiamo fare lo stesso qui per la 31 00:02:21,120 --> 00:02:22,130 schermata delle categorie. 32 00:02:22,230 --> 00:02:29,430 Quindi ora possiamo anche trasformarlo in oggetto, quindi aggiungere le opzioni di navigazione e aggiungere le stesse 33 00:02:29,490 --> 00:02:34,830 opzioni esatte in modo che questo stesso oggetto qui per questa schermata. 34 00:02:34,830 --> 00:02:39,760 Ora, se lo facciamo, dobbiamo anche colorare di nuovo la schermata delle categorie. 35 00:02:39,870 --> 00:02:46,350 Il piccolo vantaggio rispetto alla precedente soluzione di impostare questo in ogni file componente invece ora abbiamo 36 00:02:46,380 --> 00:02:50,130 almeno tutta la configurazione e uno nello stesso file. 37 00:02:50,400 --> 00:02:56,220 Ci ripetiamo ancora, quindi è bello che tu possa impostarlo qui e per esempio questa sarebbe 38 00:02:56,220 --> 00:03:03,330 una buona alternativa all'impostazione del titolo dell'intestazione impostato staticamente per le categorie di pasti della schermata di categorie in modo 39 00:03:03,810 --> 00:03:09,300 da poterlo impostare qui invece che nel componente perché è statico comunque non importa dove 40 00:03:09,330 --> 00:03:10,630 lo abbiamo impostato. 41 00:03:10,920 --> 00:03:16,500 Ma oltre a questo caso d'uso non è davvero un miglioramento perché ci ripetiamo ancora. 42 00:03:16,620 --> 00:03:23,550 Quindi taglierò di nuovo questo da qui e ora possiamo trarre vantaggio da un secondo argomento che puoi 43 00:03:23,550 --> 00:03:25,820 passare per creare Stack Navigator. 44 00:03:25,920 --> 00:03:29,370 Il primo argomento è oggetto con i tuoi schermi. 45 00:03:29,430 --> 00:03:32,990 Il secondo argomento consente di configurare quel navigatore. 46 00:03:33,060 --> 00:03:38,880 Non abbiamo ancora impostato alcun caseificio di configurazione e, naturalmente, nella casella ufficiale o come lo ottengo qui 47 00:03:38,880 --> 00:03:43,710 dal mio T, troverai un elenco di tutte le impostazioni che puoi configurare lì. 48 00:03:43,710 --> 00:03:50,070 Una cosa importante che puoi configurare qui sono le opzioni di navigazione predefinite e, come suggerisce il nome, 49 00:03:50,310 --> 00:03:55,330 questo ti consente di impostare le opzioni che si applicano ad ogni schermata. 50 00:03:55,440 --> 00:04:04,830 Ora questo prende oggetto con le tue opzioni di navigazione, ma ora queste opzioni verranno applicate a tutte le schermate in questo navigatore, quindi a 51 00:04:05,070 --> 00:04:10,750 tutte e tre le schermate qui in modo da non dover ripetere te stesso. 52 00:04:10,770 --> 00:04:14,940 Quindi ora se lo facciamo vedrai quell'intestazione di colore qui. 53 00:04:14,940 --> 00:04:18,920 Anche qui e tutto nella schermata dettagliata se ci vai. 54 00:04:18,960 --> 00:04:25,200 Quindi ora questo è ovviamente il modo in cui vuoi impostare configurazioni ripetute come lo stile generale che in 55 00:04:25,200 --> 00:04:27,830 genere non cambia da schermo a schermo. 56 00:04:27,900 --> 00:04:29,710 Se cambia va bene. 57 00:04:29,760 --> 00:04:35,940 Puoi configurarlo in base al componente o qui nel conflitto sullo schermo come ti ho mostrato, ma 58 00:04:35,940 --> 00:04:40,170 se non cambia puoi usare le opzioni di navigazione predefinite qui. 59 00:04:40,200 --> 00:04:48,720 Ora, naturalmente, ciò solleva anche un'altra domanda: come vengono configurate le impostazioni qui o qui con quelle qui 60 00:04:48,720 --> 00:04:51,720 o al posto di un componente. 61 00:04:51,720 --> 00:04:57,630 E la regola è molto semplice: le opzioni di navigazione predefinite vengono unite 62 00:04:57,630 --> 00:05:05,100 alle opzioni di navigazione specifiche impostate qui o qui nel componente e le opzioni specifiche vincono sempre. 63 00:05:05,100 --> 00:05:07,830 Se hai la stessa chiave con lo stesso nome. 64 00:05:07,830 --> 00:05:15,690 Quindi, se dovessi impostare un titolo di intestazione predefinito qui come uno schermo che è ovviamente molto generico, vedresti comunque 65 00:05:15,690 --> 00:05:17,960 qui le categorie di pasti. 66 00:05:18,060 --> 00:05:24,930 Italiano qui, ma nella schermata dettagliata in cui non ho detto alcun titolo di intestazione specifico, vedresti una schermata in 67 00:05:25,740 --> 00:05:28,800 modo da sovrascrivere le opzioni di navigazione predefinite. 68 00:05:28,860 --> 00:05:33,510 Ora se si impostano le opzioni di navigazione qui quando si configura lo schermo 69 00:05:33,990 --> 00:05:39,630 e invece del componente agiscono sullo stesso livello e le impostazioni qui a livello di schermo vincono effettivamente. 70 00:05:39,630 --> 00:05:46,080 Quindi, se ho detto il titolo dell'intestazione alle categorie di pasti con più punti esclamativi qui vedrai che 71 00:05:46,260 --> 00:05:53,070 qui nella schermata delle categorie e il titolo che hai impostato nel componente della schermata delle categorie non vince potrebbe 72 00:05:53,070 --> 00:05:55,790 essere un po 'controintuitivo, ma è così. 73 00:05:55,830 --> 00:06:03,280 Quindi, se si impostano le opzioni di navigazione con lo stesso titolo o con gli stessi nomi qui nel contesto dello schermo, il 74 00:06:03,370 --> 00:06:09,340 contesto dello schermo vince ma indipendentemente da dove lo si imposta, vince sempre rispetto alle opzioni di navigazione 75 00:06:09,340 --> 00:06:09,840 predefinite. 76 00:06:09,910 --> 00:06:16,640 Se usi lo stesso titolo, quindi anche qui elimina le opzioni di navigazione nella schermata della mia 77 00:06:16,640 --> 00:06:17,050 categoria. 78 00:06:17,060 --> 00:06:18,130 Non ne ho bisogno qui. 79 00:06:18,130 --> 00:06:22,900 Sono contento di averlo impostato dirigendo il componente schermo ma potresti installarlo in entrambi i posti. 80 00:06:22,910 --> 00:06:29,090 È importante ricordare sempre che le opzioni predefinite vengono sovrascritte anche se ora oltre alle opzioni di navigazione 81 00:06:29,090 --> 00:06:35,000 predefinite in questo secondo oggetto che passi per creare il navigatore SEC puoi anche configurare altre cose 82 00:06:35,000 --> 00:06:40,790 se avessi il controllo e lo spazio dovresti vedere un elenco qui o in alternativa consultare 83 00:06:40,820 --> 00:06:42,640 la scatola ufficiale ovviamente. 84 00:06:42,650 --> 00:06:50,060 Ora in genere le impostazioni predefinite vanno bene, ma ad esempio puoi impostare la modalità e puoi impostarla come predefinita modale come scheda 85 00:06:50,060 --> 00:06:56,150 se imposti questa otterrai una modalità come transizione per il caricamento sullo schermo, il che significa che lo schermo 86 00:06:56,150 --> 00:07:01,310 scorre in dal basso invece di utilizzare la normale animazione su Android non si vede 87 00:07:01,310 --> 00:07:04,180 alcuna differenza ma su ISIS lo si vedrà. 88 00:07:04,340 --> 00:07:10,070 Questa è solo una cosa che puoi modificare qui per cambiare l'animazione predefinita nel caso in cui desideri una transizione 89 00:07:10,070 --> 00:07:17,850 modale invece della normale animazione push pop qui puoi anche cambiare il nome della radice iniziale per impostazione predefinita, ho detto che sarebbe la prima coppia chiave-valore, 90 00:07:17,850 --> 00:07:22,410 ma se non si desidera iniziare nella schermata delle categorie, ma per qualche motivo nella 91 00:07:22,590 --> 00:07:27,810 schermata dettagliata del pasto è possibile semplicemente indicare qui i dettagli del pasto anziché le categorie che 92 00:07:27,810 --> 00:07:32,340 non è necessario impostare perché è un valore predefinito e si inizierà da quello schermata 93 00:07:32,460 --> 00:07:33,510 come schermata iniziale. 94 00:07:33,510 --> 00:07:38,440 Ovviamente non puoi tornare indietro ora perché è la tua schermata iniziale l'unica schermata della pila quindi. 95 00:07:38,580 --> 00:07:42,120 Quindi tornare indietro non funzionerà ora. 96 00:07:42,160 --> 00:07:48,030 Ancora una volta reimposterò questo su categorie e non è necessario aggiungerlo perché è comunque predefinito. 97 00:07:48,040 --> 00:07:51,600 Utilizza la prima coppia valore-chiave per impostazione predefinita. 98 00:07:51,600 --> 00:07:56,580 Quindi con ciò abbiamo dato una breve occhiata ad alcune opzioni che 99 00:07:56,580 --> 00:08:01,860 puoi configurare e, soprattutto, aggiungere opzioni di navigazione e opzioni di navigazione predefinite 100 00:08:01,860 --> 00:08:09,650 che è estremamente importante per creare applicazioni belle ed efficienti senza ripetersi più e più volte che ovviamente non vuoi parlando 101 00:08:09,650 --> 00:08:15,990 di efficienza, c'è un'altra cosa che vuoi fare quando lavori con la navigazione reattiva o ti chiedi. 102 00:08:16,010 --> 00:08:26,010 Considerare che è stato installato un pacchetto aggiuntivo che è reagire alle schermate native che dovrebbero essere incluse per impostazione predefinita 103 00:08:26,010 --> 00:08:27,700 nelle app expo. 104 00:08:27,720 --> 00:08:35,850 Tuttavia, non è male installarlo esplicitamente, il che ti consente di garantire 105 00:08:35,850 --> 00:08:45,310 effettivamente che la navigazione di reazione nasconda utilizza componenti dello schermo ottimizzati nativi forniti da Android. 106 00:08:45,350 --> 00:08:51,460 Ero su Android usa D il frammento nel caso in cui tu sia un po 'nello sviluppo di Android e su 107 00:08:51,460 --> 00:08:57,220 ayahuasca usa il controller di visualizzazione dell'interfaccia utente e questo semplicemente migliora le prestazioni un po' di più. 108 00:08:57,300 --> 00:09:04,350 Qui in questa semplice app non lo sentirai, ma è buona norma utilizzare questo pacchetto speciale o schermate 109 00:09:04,350 --> 00:09:05,580 speciali D. 110 00:09:05,580 --> 00:09:12,190 Ora per usarlo dovresti andare in un posto che corre prima di renderizzare la tua prima schermata 111 00:09:12,200 --> 00:09:21,510 che è quella di catturarci il file nel nostro caso qui e lì ora puoi importare le schermate d'uso dalla schermata di React Native. 112 00:09:21,510 --> 00:09:27,750 Quindi da questo pacchetto hai appena installato e chiamato semplicemente dopo le tue importazioni prima di fare qualsiasi altra cosa. 113 00:09:27,760 --> 00:09:34,860 Quindi prima di rendere qualsiasi codice exe jazz ora importante se stai usando l'ultima versione di Expo e React 114 00:09:34,860 --> 00:09:37,110 Native che molto probabilmente sei. 115 00:09:37,140 --> 00:09:43,160 Non si tratta più di schermate d'uso, ma di schermate abili che si chiamano ancora così. 116 00:09:43,170 --> 00:09:46,140 È solo un nome diverso ed è l'unico cambiamento di cui abbiamo bisogno 117 00:09:48,970 --> 00:09:50,610 per rendere lugubre semplicemente dietro le quinte. 118 00:09:50,650 --> 00:09:56,140 Sblocca queste schermate e non vedrai alcuna differenza in questa app, ma è un po 'più 119 00:09:56,260 --> 00:10:00,730 performante, quindi è qualcosa che consiglierei di fare soprattutto nelle applicazioni più grandi. 120 00:10:00,760 --> 00:10:03,760 Ancora una volta qui non vedi davvero la differenza. 121 00:10:03,940 --> 00:10:06,970 Ma dietro le quinte lo fa ora un po 'più efficiente.