1
00:00:02,040 --> 00:00:06,860
Beginnen wir damit, dies wieder nutzbar zu machen, denn das ist das Wichtigste.

2
00:00:06,900 --> 00:00:12,780
Die Lösung hier ist natürlich, dies scrollbar zu machen, denn wenn wir diese Ansicht scrollen können, können wir diese

3
00:00:12,780 --> 00:00:14,610
Schaltfläche dort unten wieder erreichen.

4
00:00:14,610 --> 00:00:20,580
Zurück auf dem Startbildschirm des Spiels benötigen wir also wieder die gute alte Bildlaufansicht, die wir

5
00:00:22,970 --> 00:00:28,460
aus React Native importieren, und jetzt können wir damit unsere Ansicht, die unseren Bildschirm

6
00:00:29,070 --> 00:00:33,390
umgibt, in diesem Fall ohne Rückkopplungsschaltfläche, mit der Bildlaufansicht umschließen .

7
00:00:33,510 --> 00:00:39,330
Verwenden wir also die Bildlaufansicht, um unseren gesamten Bildschirm hier zu umgeben, unsere gesamte Komponente

8
00:00:39,340 --> 00:00:45,600
am Ende, und damit ist dies jetzt scrollbar. Der Vorteil ist, dass wir jetzt die Tastatur unter iOS geöffnet

9
00:00:45,610 --> 00:00:47,370
haben. Wir können ein wenig scrollen,

10
00:00:47,560 --> 00:00:52,510
aber wir haben immer noch das Problem, dass sie zurückprallt. Das ist also nicht perfekt, aber zumindest können wir

11
00:00:52,510 --> 00:00:56,740
diese Schaltfläche erreichen und wir werden uns darum kümmern über die Tastatur in einer Sekunde und

12
00:00:56,740 --> 00:01:04,590
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

13
00:01:04,590 --> 00:01:09,420
kleinen Android-Gerät. Wir haben so wenig Höhe zur Verfügung, dass wir unser Protokoll

14
00:01:09,510 --> 00:01:13,380
nicht einmal sehen können. Wir können es scrollen, aber ja,

15
00:01:13,440 --> 00:01:16,890
das ist nicht allzu praktisch und hier unter iOS

16
00:01:16,950 --> 00:01:21,960
Wir haben auch kein großes Protokoll. Dort möchten wir vielleicht ein völlig anderes Layout verwenden,

17
00:01:21,960 --> 00:01:24,060
oder was auch immer, wir müssen sehen,

18
00:01:24,080 --> 00:01:26,160
aber bevor ich mich auf diesen

19
00:01:26,160 --> 00:01:31,020
Bildschirm konzentriere, gibt es noch eine andere Sache. Wir haben das Scrollen behoben, das ist

20
00:01:31,020 --> 00:01:32,160
gut, aber wir

21
00:01:32,160 --> 00:01:35,170
haben noch zwei andere Probleme auf dem Startbildschirm. Wenn

22
00:01:35,220 --> 00:01:42,250
ich etwas ändere, ändere es zurück, nur damit dies neu startet. Wir haben das Layout, mit dem ich mit den Schaltflächen

23
00:01:42,260 --> 00:01:47,120
nicht zufrieden bin. Obwohl es jetzt anders aussieht als zuvor und wir gleich darauf

24
00:01:47,120 --> 00:01:48,110
zurückkommen, warum

25
00:01:48,170 --> 00:01:49,210
und die Tastatur,

26
00:01:49,220 --> 00:01:55,640
ist das hier das eigentliche Problem. Was können wir dagegen tun? Um dieses Tastaturproblem zu beheben,

27
00:01:55,640 --> 00:02:01,490
gibt es eine weitere Komponente, die Sie aus React Native importieren können. Diese Tastatur vermeidet die Ansicht.

28
00:02:01,670 --> 00:02:08,750
Dies ist eine Ansicht, eine Komponente, mit der Sie Ihre Komponente umschließen können, in diesem Fall innerhalb dieser Bildlaufansicht. Wichtig

29
00:02:08,750 --> 00:02:13,760
ist, dass Sie sie innerhalb der Bildlaufansicht verwenden und dann Ihre gesamte berührbare Komponente

30
00:02:13,760 --> 00:02:22,470
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

31
00:02:22,530 --> 00:02:24,720
auch die Tastatur ohne Ansicht

32
00:02:24,770 --> 00:02:27,660
konfigurieren. Sie können dort ein Verhalten festlegen, das

33
00:02:27,750 --> 00:02:34,750
unterschiedliche Werte akzeptiert, und dies auf Position hier und I setzen. ' Ich werde auf verschiedene Verhaltensweisen zurückkommen, die

34
00:02:34,760 --> 00:02:38,880
Sie einrichten können, und wie sie sich in einer Sekunde unterscheiden.

35
00:02:39,260 --> 00:02:47,180
Wenn dies hier unter iOS hinzugefügt wird, werden Sie jetzt sehen, dass dies ein wenig verschoben wird, wenn wir die Softtastatur öffnen und

36
00:02:47,210 --> 00:02:50,050
mit dem Tippen beginnen. Gleitet nicht genug, aber

37
00:02:50,060 --> 00:02:56,210
dafür können wir auch hierher zurückkehren und den vertikalen Versatz der Tastatur auf eine Zahl einstellen, z. B. auf 30,

38
00:02:56,210 --> 00:02:57,450
dies ist die

39
00:02:57,530 --> 00:02:59,860
Anzahl der Pixel, die nach oben verschoben werden,

40
00:02:59,870 --> 00:03:04,660
und dies sollte die Höhe Ihrer Eingabe sein, normalerweise oder um die Höhe Ihrer Eingabe.

41
00:03:04,700 --> 00:03:07,610
Und jetzt wird es nach oben geschoben, damit wir immer sehen können,

42
00:03:07,610 --> 00:03:10,320
was großartig ist. Jetzt überlagert es unsere Eingaben hier nie mehr.

43
00:03:10,370 --> 00:03:17,140
Wenn Sie dies nun auf Verhaltensposition setzen, bedeutet dies einfach, dass der gesamte Bildschirm um 30 Pixel neu

44
00:03:17,140 --> 00:03:17,770
positioniert

45
00:03:18,090 --> 00:03:24,740
wird. Wir können dies auch auf Auffüllen einstellen, sodass unten ein Auffüllen hinzugefügt wird, um alles nach oben

46
00:03:24,740 --> 00:03:30,170
zu schieben. Zu guter Letzt können Sie auch das ändern Gesamthöhe des Bildschirms etwas.

47
00:03:30,170 --> 00:03:37,070
Normalerweise funktioniert es unter iOS am besten, wenn Sie die Position verwenden, und unter Android am besten, wenn Sie

48
00:03:37,070 --> 00:03:37,870
Padding verwenden.

49
00:03:37,880 --> 00:03:42,100
Später in diesem Modul haben Sie gelernt, wie Sie herausfinden können, auf

50
00:03:42,140 --> 00:03:47,740
welcher Plattform Sie ausgeführt werden Position hier. Damit haben wir das Tastaturproblem behoben.