1
00:00:02,310 --> 00:00:04,600
Sekarang ada satu hal yang akan Anda perhatikan.

2
00:00:05,590 --> 00:00:10,710
Jika Anda memasukkan tujuan di sini dan di sini, saya akan dengan cepat menggunakan tujuan yang sama

3
00:00:10,720 --> 00:00:12,000
berulang kali meskipun itu

4
00:00:12,040 --> 00:00:17,120
memberi saya kesalahan tetapi aplikasi akan terus bekerja, jadi mari kita abaikan peringatan di bagian bawah.

5
00:00:17,140 --> 00:00:22,690
Jika saya memasukkan ini, cukup sering Anda lihat di beberapa titik waktu, kami akan melampaui batas

6
00:00:22,720 --> 00:00:25,270
layar tetapi secara default, Anda tidak dapat

7
00:00:25,400 --> 00:00:29,800
menggulir dan itu adalah sesuatu yang bisa sangat membingungkan jika Anda memulai dengan

8
00:00:29,800 --> 00:00:31,890
React Native karena jika Anda berasal

9
00:00:31,930 --> 00:00:38,650
dari web, di sana, Anda selalu dapat menggulir, browser secara default membuat halaman Anda dapat digulir jika konten Anda melebihi

10
00:00:38,650 --> 00:00:40,720
batas halaman. Di

11
00:00:40,750 --> 00:00:42,300
sini, itu tidak

12
00:00:42,340 --> 00:00:48,500
sama, Anda tidak dapat menggulir hanya karena konten Anda melampaui batas layar

13
00:00:48,520 --> 00:00:52,380
Anda, sebaliknya konten Anda tidak dapat dijangkau lagi.

14
00:00:52,420 --> 00:00:56,530
Sekarang jelas, itu bukan opsi, itu pengalaman pengguna yang mengerikan, kami ingin

15
00:00:56,530 --> 00:01:04,330
memiliki konten yang dapat digulir tetapi di aplikasi asli, Anda harus secara eksplisit tentang fakta bahwa halaman ini atau bagian dari halaman ini

16
00:01:04,540 --> 00:01:08,410
harus dapat digulir dan itu sama dalam Bereaksi Asli karena itu.

17
00:01:08,440 --> 00:01:16,060
Jadi di sini, yang dapat kita lakukan adalah kita dapat menggunakan komponen lain yang dipanggang React Native dan itulah

18
00:01:16,060 --> 00:01:20,710
tampilan gulir dan seperti namanya, ini adalah tampilan yang dapat digulir.

19
00:01:20,710 --> 00:01:29,360
Jadi sekarang kita dapat mengganti tampilan ini di sini yang menyimpan item daftar kami dengan tampilan gulir. Pada tampilan gulir, Anda juga mendapatkan properti yang memungkinkan Anda mengkonfigurasinya,

20
00:01:29,370 --> 00:01:31,980
Anda cukup meletakkan kursor di sini dan

21
00:01:32,010 --> 00:01:38,020
menekan ruang kontrol untuk mendapatkan gambaran tentang apa yang dapat Anda atur atau periksa dokumen resmi,

22
00:01:38,020 --> 00:01:39,390
misalnya Anda dapat

23
00:01:39,390 --> 00:01:45,150
mengatur horizontal ke gulir secara horizontal tapi di sini, saya akan meninggalkan default yaitu pengguliran

24
00:01:45,150 --> 00:01:53,240
vertikal dan dengan hanya menambahkan ini, Anda akan melihat bahwa sekarang jika saya menambahkan belajar Bereaksi Asli selusin kali di sini,

25
00:01:53,240 --> 00:01:54,430
jadi izinkan

26
00:01:54,740 --> 00:02:02,420
saya mengisi halaman itu, sekarang ini dapat digulir saat Anda dapat melihat, sekarang saya dapat menggulir konten saya dan hanya

27
00:02:02,420 --> 00:02:04,760
bagian yang dibungkus dalam tampilan gulir.

28
00:02:04,850 --> 00:02:10,850
Kita bisa membungkusnya di seluruh halaman, jadi kita bisa mengganti tampilan ini di sini dengan tampilan gulir atau

29
00:02:10,850 --> 00:02:15,250
membungkus ini dengan tampilan gulir, sehingga itu juga berfungsi, itu juga sesuatu yang

30
00:02:16,180 --> 00:02:20,770
bisa kita lakukan dan kemudian seluruh halaman dapat digulir, jadi jika sekarang saya

31
00:02:20,820 --> 00:02:24,020
menambahkan belajar Bereaksi Asli di sini, Anda akan melihat

32
00:02:27,950 --> 00:02:33,280
bahwa sekarang seluruh halaman bergeser, di sini di iOS Anda bahkan dapat menggulir tanpa item, itu

33
00:02:33,280 --> 00:02:40,600
adalah perilaku iOS default tetapi tentu saja selalu memantul kembali tetapi itu terserah Anda di mana Anda tambahkan ini dan di sini

34
00:02:40,600 --> 00:02:46,150
saya hanya ingin memiliki subbagian layar yang dapat digulir jadi saya hanya membungkus bagian ini dengan tampilan

35
00:02:46,150 --> 00:02:47,170
gulir tetapi

36
00:02:47,170 --> 00:02:53,290
ini tentu saja merupakan komponen yang sangat penting untuk konten mana pun di mana Anda tidak dapat menjamin

37
00:02:53,290 --> 00:02:55,040
bahwa itu sesuai dengan layar.

38
00:02:55,100 --> 00:02:59,650
Sekarang tentu saja, Anda mungkin berpikir bahwa dengan semua ukuran perangkat ini tersedia, Anda

39
00:03:00,250 --> 00:03:04,810
tidak pernah dapat menjamin hal ini tetapi ada beberapa konten tertentu, seperti input dan tombol

40
00:03:04,810 --> 00:03:10,780
yang Anda selalu dapat masuk ke layar dan yang juga dapat dikonfigurasi untuk mengubah ukurannya agar sesuai dengan layar, sedangkan

41
00:03:10,780 --> 00:03:16,000
ada konten lain, biasanya daftar data seperti ini di sini di mana Anda tidak dapat menjaminnya dan

42
00:03:16,000 --> 00:03:21,760
di mana Anda baru tahu setelah 10 atau 20 item, itu pasti akan melebihi layar apa pun dan itulah

43
00:03:21,850 --> 00:03:27,770
konten yang ingin Anda bungkus ke dalam tampilan gulir. Konten lain seperti tombol input, teks statis hardcoded,

44
00:03:27,940 --> 00:03:29,040
jadi pada

45
00:03:29,140 --> 00:03:35,290
dasarnya setiap konten di mana Anda tahu berapa banyak item yang Anda miliki di muka biasanya dapat

46
00:03:35,320 --> 00:03:42,340
diperas ke layar dengan alat yang tepat, yaitu dengan flexbox yang juga akan dilakukan sepanjang kursus ini tetapi untuk konten

47
00:03:42,340 --> 00:03:46,360
yang dihasilkan secara dinamis seperti ini, Anda pasti menginginkan tampilan gulir.