Bevor wir mit dem Erstellungs- oder Veröffentlichungsprozess fortfahren und ihn daher in die App Stores bringen,
konfigurieren wir ihn weiter.
Zum einen gibt es hier einige Leerzeichen wie die fehlende Beschreibung, die Sie hinzufügen
können, indem
Sie hier einen Beschreibungsschlüssel mit Text hinzufügen. Dies ist die Beschreibung, die hier angezeigt wird.
Wichtig, das ist keine Beschreibung, die in den App
Stores angezeigt wird. Das ist wirklich nur eine Beschreibung, die hier angezeigt wird. Sie
können mehr über die Beschreibung und alle anderen Schlüssel erfahren, die Sie hier auf dieser Seite festlegen können.
Es gibt schließlich viele Einstellungen, die Sie vornehmen können.
Was mich jetzt interessiert, ist der Symbol- und Begrüßungsbildschirm-Teil, da dies das Symbol ist, das die Leute
auf dem Startbildschirm sehen werden,
natürlich noch nicht, weil wir die Apps derzeit nicht im App Store veröffentlichen, aber das
wird sich
ändern und der Begrüßungsbildschirm, genau das sehen
Benutzer, wenn unsere App geladen wird, und beides möchten Sie normalerweise anpassen.
Jetzt bietet Ihnen die Expo ein Symbol und einen Begrüßungsbildschirm, aber beide sind nur leere Platzhalter, richtig. Das
ist also nicht allzu erstaunlich. Stattdessen
möchten wir hier unser eigenes Symbol, unser eigenes Begrüßungsbildschirmbild, bereitstellen.
Jetzt sind Sie sehr flexibel in Bezug auf das, was Sie hier bereitstellen. Im Allgemeinen
ist es jedoch eine gute Idee, ein Symbol in der Auflösung 1024 x 1024
bereitzustellen. Sie können also ein quadratisches Symbol als Eingabe und für den Begrüßungsbildschirm einen Begrüßungsbildschirm als erstellen In den offiziellen Dokumenten wird
beschrieben, wo Sie mehr darüber erfahren können, wie Sie einen solchen Begrüßungsbildschirm erstellen,
wie Sie ihn strukturieren und so weiter.
Jetzt habe ich etwas für Sie vorbereitet, mit dem Sie jetzt folgen können, das Sie nicht für die echte Bereitstellung verwenden sollten, da
diese Assets nur für diesen Kurs bestimmt sind und nicht für Sie in Ihrer App, die Sie bereitstellen möchten, und
für die angehängte App, die Sie finden die Symbole. zip-Datei.
Wenn Sie dies jetzt entpacken, finden Sie dort einen Ort. PNG-Datei, die Sie natürlich per Drag & Drop in den
Assets-Ordner ziehen können,
können Sie auch das Symbol löschen. PNG-Datei dort, wenn Sie wollen.
Sie können den Splash auch löschen. PNG-Datei, da sich in diesem angehängten Ordner
auch dieses Begrüßungssymbol befindet. PNG-Datei, die Sie natürlich auch hier ziehen und ablegen können.
Dies sind nur einige Symbole, die ich erstellt habe und die wir jetzt und zurück
in der App verwenden können. json Datei können wir jetzt auf die benutzerdefinierten Symbole zeigen. Wichtig, Sie sollten PNG-Dateien
bereitstellen, wie ich es hier mache.
Nun können wir für das Symbol auf Assets / Orte zeigen. png und für den Splash können wir
auf das Assets / splash_icon verweisen. png. Jetzt können wir als Hintergrundfarbe eine dunkelschwarze Farbe
wie Hex-Code
# 171717 verwenden. Dies sollte eine Hex-Code-Farbe wie diese sein, und der Größenänderungsmodus kann hier so eingestellt werden, dass sie
enthält oder abdeckt. Cover wird das zu übernehmende Symbol grundsätzlich dehnen Die volle verfügbare
Breite und Höhe enthält die Symbolgröße, zentriert sie und hat diese Hintergrundfarbe hinter dem Symbol.
Wenn wir das jetzt tun, können wir das Ergebnis bereits sehen, wenn
wir dies nur npm starten, also startet der Server, wie wir es in diesem Kurs oder auf dieser Messe oft getan haben, und wir starten dies dann auf
einem Emulator, Android oder iOS erneut wie ich mache es hier. Jetzt wird es dort gestartet und jetzt sehen Sie, dies ist der
Begrüßungsbildschirm, auf dem bereits ein neuer aufgenommen wurde. Das Bild dort ist unser großes, aber das ist absichtlich
so, dass wir es klar sehen können und die Hintergrundfarbe etwas anders ist dass Sie
auch die Chance haben, das zu sehen, können Sie natürlich dieselbe Farbe auswählen, um
hier einen nahtlosen Begrüßungsbildschirm zu erhalten.
Das funktioniert also und warten wir, bis das
beendet ist. Hier läuft die App. Jetzt sehen Sie auch hier Ihr Symbol,
wenn Sie in den Task-Umschalter gehen. Sie sehen, es sieht mit dem Hintergrund nicht so
gut aus, aber das können wir
verbessern, aber hier ist das Symbol im Allgemeinen. Damit es funktioniert, sehen wir sowohl den Begrüßungsbildschirm als auch das Symbol und unter
iOS wäre es dasselbe. Wie Sie jetzt sehen können,
sieht das Symbol auf Android allerdings nicht so gut aus.
Der Grund dafür ist, dass Android abhängig von der Version von Android, die Sie
auf Ihrem Gerät ausführen, unterschiedliche Symbole verwendet. Neuere neuere Versionen von Android verwenden diese sogenannten adaptiven Symbole. Dies
sind diese abgerundeten Symbole, bei denen Sie Ihr Symbol in der Mitte haben und dann einige
Hintergrundfarben oder ein Hintergrundbild sogar
dahinter, ältere Versionen würden quadratische Symbole verwenden.
Jetzt können Sie dies berücksichtigen, indem Sie eine detailliertere Konfiguration für Android und auf
Wunsch auch für iOS bereitstellen. Anstatt diesen allgemeinen Symbolschlüssel hier zu haben, können Sie plattformspezifische Einstellungen vornehmen, und
das haben Sie natürlich auch in den offiziellen Dokumenten gelernt.
Dort finden Sie Informationen darüber, wie Sie Icon Splash konfigurieren können. Das ist schön,
aber auch, wie Sie iOS auf eine bestimmte Weise konfigurieren können.
Dort können Sie ein Icon-spezifisches Symbol einrichten, wenn Sie dies verwenden möchten.
Das Gleiche gilt natürlich auch für den Begrüßungsbildschirm. Sie können also grundsätzlich einen iOS-Knoten zu Ihrer Konfiguration
hinzufügen. Wir haben bereits hier und dort, dass Sie auch ein Symbol und dann auch eine Begrüßungskonfiguration hinzufügen können, die genau aussieht
oder welche würde genau so aussehen wie die Root-Konfiguration, die wir hier haben, aber
jetzt können Sie diese allgemeinen Einstellungen auf Root-Ebene grundsätzlich überschreiben und ein bestimmtes Symbol für iOS und
einen bestimmten Begrüßungsbildschirm für iOS haben.
Das können Sie also tun, und das gilt auch für Android, und das finden Sie natürlich auch in
den offiziellen Dokumenten.
Sie können Ihrer App hier einen Android-Schlüssel hinzufügen. json-Datei und dann enthält dies sozusagen ein Objekt. Dort
können Sie auch ein Symbol und eine Begrüßungskonfiguration einrichten, wie ich es für iOS erklärt habe. Jetzt werden diese
Einstellungen für Android und iOS übernommen, da es keine
spezifischen Einstellungen gibt In meinem Beispiel würde hier immer noch die allgemeinen Einstellungen dort
oben verwendet.
Das Interessante ist nun, dass Sie für Android nicht nur einen bestimmten Symbol-Begrüßungsbildschirm festlegen
können, sondern auch ein adaptives Symbol mit der Konfiguration für adaptive Symbole, die für iOS nicht verfügbar ist, da
adaptive Symbole nur für Android verfügbar sind.
Das adaptive Symbol verwendet ein Javascript-Objekt sozusagen als Konfigurationswert, nicht als Zeichenfolge, und dieses Objekt
kann drei Schlüssel haben - ein Vordergrundbild, eine Hintergrundfarbe oder ein Hintergrundbild.
Jetzt haben Sie entweder eine Hintergrundfarbe oder ein Hintergrundbild, aber Sie sollten immer ein
Vordergrundbild haben.
Jetzt können wir hier ein Vordergrundbild hinzufügen, also diesen Schlüssel hier und die
Hintergrundfarbe, die ein sechsstelliger Hex-Code sein sollte, wie Sie sehen können, und lassen Sie uns das hier schnell
tun. Jetzt können wir die Hintergrundfarbe so einstellen, dass wir sagen, dass # 171717 Code und
der Das Vordergrundbild kann jetzt auf unser Symbol eingestellt werden. Dafür würde ich empfehlen,
dass Sie ein bestimmtes Symbol verwenden, das Sie
auch hier im Anhang finden, das ortsadaptive. PNG-Datei, die Sie per Drag & Drop in Ihren Assets-Ordner ziehen können und die ortsadaptiv ist. Die PNG-Datei kann jetzt hier als
Vordergrundbild verwendet werden, sodass wir auf Assets zeigen und dann ortsadaptiv arbeiten
können. png.
Jetzt ist dieses Symbol, das ortsadaptive Symbol, transparent, es ist immer noch das
Symbol, aber es hat im Gegensatz zum anderen Symbol einen transparenten Hintergrund,
sodass Android es automatisch vor diese von Ihnen bereitgestellte Hintergrundfarbe oder dieses Hintergrundbild
stellen kann um die Ecken für dich und so weiter.
Wenn wir dies jetzt speichern und dies daher neu erstellt wird und um sicherzugehen, dass dies wirklich berücksichtigt wird,
starte ich meinen Expo-Server hier neu.
Wenn wir dies jetzt auf Android starten und dafür auch den Expo-Client hier schließen und dann
auf Android erneut ausführen,
sollten wir sehen, dass wir nach dem Neustart
jetzt ein schöneres Symbol haben, das etwas besser aussieht.
Warten wir also, bis das
gestartet wird. Dies ist immer noch der Begrüßungsbildschirm, wie wir ihn zuvor eingerichtet haben. Ich habe auch keinen Android-spezifischen Begrüßungsbildschirm eingestellt, den
wir natürlich konnten, aber hier habe ich nicht,
also haben wir natürlich den gleichen Begrüßungsbildschirm wie zuvor in diesem Modul und wenn Sie sich
jetzt das Symbol ansehen, sehen Sie möglicherweise immer noch das alte. Die neue App wird jedoch berücksichtigt,
sobald wir diese App als eigenständige App erstellt und an die App Stores verteilt haben.
Im Allgemeinen wird empfohlen, dass Sie für Android ein solches adaptives Symbol festlegen, da
Sie mehr Android-Versionen behandeln, was natürlich nicht schadet. Das Festlegen eines solchen allgemeinen Symbols ist ebenfalls keine schlechte Idee, und
natürlich
können wir entweder ein und dasselbe Symbol für iOS und Android verwenden oder Sie legen bestimmte Symbole für
iOS und Android fest, wie für Android möglicherweise das adaptive Symbol erwähnt. Wenn Sie mehr über das Erstellen und Verwalten
von Symbolen und Begrüßungsbildschirmen erfahren möchten, finden Sie im Anhang die offiziellen Ausstellungsdokumente, die sich
eingehend mit den verschiedenen Optionen befassen, die Sie dort haben, und was Sie beachten sollten.