Beginnen wir damit, dies wieder nutzbar zu machen, denn das ist das Wichtigste.
Die Lösung hier ist natürlich, dies scrollbar zu machen, denn wenn wir diese Ansicht scrollen können, können wir diese
Schaltfläche dort unten wieder erreichen.
Zurück auf dem Startbildschirm des Spiels benötigen wir also wieder die gute alte Bildlaufansicht, die wir
aus React Native importieren, und jetzt können wir damit unsere Ansicht, die unseren Bildschirm
umgibt, in diesem Fall ohne Rückkopplungsschaltfläche, mit der Bildlaufansicht umschließen .
Verwenden wir also die Bildlaufansicht, um unseren gesamten Bildschirm hier zu umgeben, unsere gesamte Komponente
am Ende, und damit ist dies jetzt scrollbar. Der Vorteil ist, dass wir jetzt die Tastatur unter iOS geöffnet
haben. Wir können ein wenig scrollen,
aber wir haben immer noch das Problem, dass sie zurückprallt. Das ist also nicht perfekt, aber zumindest können wir
diese Schaltfläche erreichen und wir werden uns darum kümmern über die Tastatur in einer Sekunde und
wir können die App jetzt wieder verwenden, weil wir jetzt das Spiel erneut starten können. Auf dem Spielbildschirm haben wir übrigens ein ähnliches Problem auf dem
kleinen Android-Gerät. Wir haben so wenig Höhe zur Verfügung, dass wir unser Protokoll
nicht einmal sehen können. Wir können es scrollen, aber ja,
das ist nicht allzu praktisch und hier unter iOS
Wir haben auch kein großes Protokoll. Dort möchten wir vielleicht ein völlig anderes Layout verwenden,
oder was auch immer, wir müssen sehen,
aber bevor ich mich auf diesen
Bildschirm konzentriere, gibt es noch eine andere Sache. Wir haben das Scrollen behoben, das ist
gut, aber wir
haben noch zwei andere Probleme auf dem Startbildschirm. Wenn
ich etwas ändere, ändere es zurück, nur damit dies neu startet. Wir haben das Layout, mit dem ich mit den Schaltflächen
nicht zufrieden bin. Obwohl es jetzt anders aussieht als zuvor und wir gleich darauf
zurückkommen, warum
und die Tastatur,
ist das hier das eigentliche Problem. Was können wir dagegen tun? Um dieses Tastaturproblem zu beheben,
gibt es eine weitere Komponente, die Sie aus React Native importieren können. Diese Tastatur vermeidet die Ansicht.
Dies ist eine Ansicht, eine Komponente, mit der Sie Ihre Komponente umschließen können, in diesem Fall innerhalb dieser Bildlaufansicht. Wichtig
ist, dass Sie sie innerhalb der Bildlaufansicht verwenden und dann Ihre gesamte berührbare Komponente
ohne Feedback damit umschließen, um sicherzustellen, dass Ihre Tastatur, Ihre Softtastatur überlagert beim Öffnen niemals die Eingabe, die Sie eingeben, und dafür können Sie
auch die Tastatur ohne Ansicht
konfigurieren. Sie können dort ein Verhalten festlegen, das
unterschiedliche Werte akzeptiert, und dies auf Position hier und I setzen. ' Ich werde auf verschiedene Verhaltensweisen zurückkommen, die
Sie einrichten können, und wie sie sich in einer Sekunde unterscheiden.
Wenn dies hier unter iOS hinzugefügt wird, werden Sie jetzt sehen, dass dies ein wenig verschoben wird, wenn wir die Softtastatur öffnen und
mit dem Tippen beginnen. Gleitet nicht genug, aber
dafür können wir auch hierher zurückkehren und den vertikalen Versatz der Tastatur auf eine Zahl einstellen, z. B. auf 30,
dies ist die
Anzahl der Pixel, die nach oben verschoben werden,
und dies sollte die Höhe Ihrer Eingabe sein, normalerweise oder um die Höhe Ihrer Eingabe.
Und jetzt wird es nach oben geschoben, damit wir immer sehen können,
was großartig ist. Jetzt überlagert es unsere Eingaben hier nie mehr.
Wenn Sie dies nun auf Verhaltensposition setzen, bedeutet dies einfach, dass der gesamte Bildschirm um 30 Pixel neu
positioniert
wird. Wir können dies auch auf Auffüllen einstellen, sodass unten ein Auffüllen hinzugefügt wird, um alles nach oben
zu schieben. Zu guter Letzt können Sie auch das ändern Gesamthöhe des Bildschirms etwas.
Normalerweise funktioniert es unter iOS am besten, wenn Sie die Position verwenden, und unter Android am besten, wenn Sie
Padding verwenden.
Später in diesem Modul haben Sie gelernt, wie Sie herausfinden können, auf
welcher Plattform Sie ausgeführt werden Position hier. Damit haben wir das Tastaturproblem behoben.