1
00:00:02,040 --> 00:00:06,860
Mari kita mulai dengan membuat ini dapat digunakan lagi karena itu yang paling penting.

2
00:00:06,900 --> 00:00:12,780
Cara mengatasinya di sini tentu saja adalah untuk membuat ini dapat digulir karena jika kita dapat menggulir tampilan ini, maka kita dapat

3
00:00:12,780 --> 00:00:14,610
mencapai tombol ini lagi di sana.

4
00:00:14,610 --> 00:00:20,580
Jadi kembali ke layar mulai permainan, kita perlu tampilan gulir tua yang baik lagi yang kita impor dari

5
00:00:22,970 --> 00:00:28,460
React Native dan sekarang kita dapat menggunakannya untuk membungkus tampilan kita yang mengelilingi layar kita, ini

6
00:00:29,070 --> 00:00:33,390
terjamah tanpa tombol umpan balik dalam hal ini, dengan tampilan gulir .

7
00:00:33,510 --> 00:00:39,330
Jadi mari kita gunakan tampilan gulir untuk mengelilingi seluruh layar kita di sini, seluruh komponen kita pada

8
00:00:39,340 --> 00:00:45,600
akhirnya dan dengan ini, ini sekarang dapat digulir. Keuntungannya adalah kita sekarang keyboardnya terbuka di iOS, Kita

9
00:00:45,610 --> 00:00:47,370
bisa gulir sedikit tapi

10
00:00:47,560 --> 00:00:52,510
kita masih punya masalah yang memantul kembali, jadi itu tidak sempurna tapi setidaknya kita bisa

11
00:00:52,510 --> 00:00:56,740
mencapai tombol ini dan kita akan berhati-hati tentang keyboard dalam sedetik dan sekarang

12
00:00:56,740 --> 00:01:04,590
kita dapat menggunakan aplikasi lagi karena sekarang kita dapat memulai permainan lagi. Sekarang di layar permainan, omong-omong kami memiliki masalah yang sama pada

13
00:01:04,590 --> 00:01:09,420
perangkat Android kecil, kami memiliki ketinggian yang sangat kecil sehingga kami bahkan tidak

14
00:01:09,510 --> 00:01:13,380
dapat melihat log kami, kami dapat menggulirnya tetapi ya itu tidak

15
00:01:13,440 --> 00:01:16,890
terlalu nyaman dan di sini di iOS , kami

16
00:01:16,950 --> 00:01:21,960
juga tidak memiliki log yang besar. Jadi di sana, kita mungkin ingin menggunakan tata letak

17
00:01:21,960 --> 00:01:24,060
yang sama sekali berbeda misalnya atau apa pun,

18
00:01:24,080 --> 00:01:26,160
kita harus melihat tetapi sebelum saya

19
00:01:26,160 --> 00:01:31,020
fokus pada layar ini, ada juga satu hal lain. Kami telah memperbaiki penggulirannya, itu bagus tetapi

20
00:01:31,020 --> 00:01:32,160
kami masih memiliki

21
00:01:32,160 --> 00:01:35,170
dua masalah lain pada layar mulai permainan dan

22
00:01:35,220 --> 00:01:42,250
jika saya mengubah sesuatu, ubah kembali hanya agar ini dimulai kembali, kami memiliki tata letak yang tidak saya sukai

23
00:01:42,260 --> 00:01:47,120
dengan tombolnya, meskipun sekarang terlihat berbeda dari sebelumnya dan kami akan kembali ke

24
00:01:47,120 --> 00:01:48,110
mengapa

25
00:01:48,170 --> 00:01:49,210
dalam sedetik dan

26
00:01:49,220 --> 00:01:55,640
keyboard, itulah masalah sebenarnya di sini. Jadi apa yang bisa kita lakukan tentang ini? Untuk memperbaiki masalah keyboard itu,

27
00:01:55,640 --> 00:02:01,490
ada komponen lain yang dapat Anda impor dari React Native dan itulah tampilan keyboard yang menghindari.

28
00:02:01,670 --> 00:02:08,750
Itu adalah tampilan, komponen yang dapat Anda gunakan untuk membungkus komponen Anda dengan, dalam hal ini di dalam tampilan gulir dan

29
00:02:08,750 --> 00:02:13,760
yang penting, gunakan itu di dalam tampilan gulir dan kemudian bungkus seluruh bagian Anda

30
00:02:13,760 --> 00:02:22,470
yang dapat disentuh tanpa komponen umpan balik untuk memastikan bahwa Anda keyboard, keyboard lunak Anda saat terbuka tidak pernah menindih input yang Anda ketikkan dan

31
00:02:22,530 --> 00:02:24,720
untuk itu Anda juga dapat

32
00:02:24,770 --> 00:02:27,660
mengonfigurasi tampilan menghindari keyboard, Anda dapat mengatur perilaku

33
00:02:27,750 --> 00:02:34,750
di sana dan yang menerima nilai yang berbeda dan mengaturnya ke posisi di sini dan saya Saya akan kembali ke

34
00:02:34,760 --> 00:02:38,880
perilaku berbeda yang dapat Anda atur dan bagaimana mereka berbeda dalam sedetik.

35
00:02:39,260 --> 00:02:47,180
Dengan yang ditambahkan di sini di iOS, Anda sekarang akan melihat ini meluncur sedikit ketika kami membuka keyboard lunak, ketika

36
00:02:47,210 --> 00:02:50,050
kami mulai mengetik. Tidak cukup geser tapi

37
00:02:50,060 --> 00:02:56,210
untuk itu kita juga bisa kembali ke sini dan mengatur offset vertikal keyboard ke angka, misalnya menjadi

38
00:02:56,210 --> 00:02:57,450
30, ini

39
00:02:57,530 --> 00:02:59,860
adalah jumlah piksel yang digeser ke atas

40
00:02:59,870 --> 00:03:04,660
dan ini harus menjadi ketinggian input Anda biasanya atau sekitar ketinggian input Anda.

41
00:03:04,700 --> 00:03:07,610
Dan sekarang ini menggesernya sehingga kita selalu bisa melihat ini yang

42
00:03:07,610 --> 00:03:10,320
hebat, sekarang tidak pernah meletakkan masukan kita di sini.

43
00:03:10,370 --> 00:03:17,140
Sekarang mengatur ini ke posisi perilaku hanya berarti itu reposisi seluruh layar oleh 30 piksel pada dasarnya, kita

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

45
00:03:18,090 --> 00:03:24,740
bisa mengatur ini ke padding sehingga padding akan ditambahkan di bagian bawah untuk menggeser semuanya ke atas

46
00:03:24,740 --> 00:03:30,170
dan bertahan, tetapi tidak sedikit, Anda juga dapat mengubah tinggi keseluruhan layar sedikit.

47
00:03:30,170 --> 00:03:37,070
Sekarang biasanya di iOS, ini bekerja paling baik jika Anda menggunakan posisi dan di Android itu bekerja paling baik jika Anda menggunakan bantalan

48
00:03:37,070 --> 00:03:37,870
dan kemudian

49
00:03:37,880 --> 00:03:42,100
dalam modul ini, Anda belajar cara mencari tahu di platform mana Anda menjalankannya,

50
00:03:42,140 --> 00:03:47,740
untuk saat ini saya akan menggunakan posisi di sini. Dengan itu, kami memperbaiki masalah keyboard.