1
00:00:02,150 --> 00:00:09,140
Jadi mari kita mulai dengan menerapkan otentikasi dan satu langkah yang sangat penting ke arah itu adalah bahwa kita

2
00:00:09,140 --> 00:00:16,370
menambahkan layar baru, layar auth yang merupakan layar yang harus menyajikan formulir masuk atau mendaftar yang dapat digunakan pengguna

3
00:00:16,370 --> 00:00:19,910
untuk masuk atau mendaftar dan karenanya di sini di

4
00:00:20,130 --> 00:00:24,080
layar auth, saya akan mengimpor reaksi dari reaksi dan saya

5
00:00:24,260 --> 00:00:31,070
juga akan mengimpor beberapa hal dari Bereaksi Asli karena dari sana, dari Bereaksi Asli, saya ingin memiliki tampilan

6
00:00:31,070 --> 00:00:36,740
gulir karena kami akan membangun formulir dan saya ingin pastikan bahwa pengguna di semua ukuran

7
00:00:36,740 --> 00:00:38,420
perangkat dapat berinteraksi dengannya.

8
00:00:38,480 --> 00:00:42,290
Saya akan menambahkan stylesheet di sini dan seharusnya itu untuk saat ini, kami selalu dapat

9
00:00:42,290 --> 00:00:44,690
menambahkan lebih banyak jika kami membutuhkan lebih banyak.

10
00:00:44,960 --> 00:00:50,990
Kami juga sudah bisa menyertakan tampilan dan keyboard menghindari tampilan Saya kira untuk memastikan bahwa semua

11
00:00:51,050 --> 00:00:52,970
input selalu dapat dijangkau.

12
00:00:52,970 --> 00:00:58,160
Sekarang berbicara tentang input, tentu saja kami akan menambahkan formulir dan oleh karena itu saya akan menggunakan kembali komponen

13
00:00:58,160 --> 00:01:02,630
input yang kami buat di bagian formulir yang dapat saya temukan di folder komponen UI.

14
00:01:02,720 --> 00:01:07,670
Jadi, pastikan Anda menonton bagian ini untuk mengetahui apa yang komponen ini lakukan dan bagaimana

15
00:01:07,670 --> 00:01:09,620
kami dapat mengelola formulir dengannya.

16
00:01:09,620 --> 00:01:17,650
Dengan itu, kita dapat membuat komponen layar auth di sini yang menerima alat peraga dan kita

17
00:01:17,650 --> 00:01:22,140
juga dapat membuat objek gaya dengan stylesheet, metode

18
00:01:22,150 --> 00:01:27,510
buat di sana dan tentu saja mengekspor layar auth, seperti ini.

19
00:01:27,540 --> 00:01:33,150
Sekarang jelas pertanyaannya sekarang juga adalah, bagaimana kita menyajikan layar auth ini? Bagaimana kita memastikan bahwa kita melihat

20
00:01:33,150 --> 00:01:35,520
ini jika kita tidak masuk?

21
00:01:35,520 --> 00:01:40,620
Nah, itu sesuatu yang akan kita perbaiki sepanjang modul ini, tetapi untuk memulai, kita bisa pergi

22
00:01:40,620 --> 00:01:46,200
ke navigator dan memastikan bahwa ketika aplikasi diluncurkan, kita melihat layar auth dan untuk ini kita dapat menggunakan

23
00:01:46,200 --> 00:01:51,930
navigator baru khusus yang belum kita miliki. digunakan sebelum yang secara khusus dibangun untuk, Anda hampir bisa mengatakan

24
00:01:51,930 --> 00:01:56,950
untuk kasus penggunaan otentikasi ini dan bahwa fungsi navigator membuat saklar yang membantu kami di

25
00:01:56,970 --> 00:02:02,550
sana, sehingga ia menciptakan navigator saklar seperti itu. Hal khusus tentang navigator ini adalah selalu menampilkan

26
00:02:02,550 --> 00:02:08,160
tepat satu layar dan Anda tidak dapat kembali ke layar lain jika Anda menavigasi ke yang lain.

27
00:02:08,160 --> 00:02:13,710
Jadi kembali secara eksplisit tidak diperbolehkan, itulah yang kami inginkan karena Anda seharusnya tidak

28
00:02:13,890 --> 00:02:18,040
dapat kembali ke layar masuk jika Anda baru saja masuk.

29
00:02:18,090 --> 00:02:24,750
Jadi oleh karena itu di sini di bagian bawah file, saya akan membuat navigator baru, mungkin navigator

30
00:02:24,750 --> 00:02:31,770
utama saya, nama terserah Anda tentu saja, dengan membuat navigator saklar dan sama seperti sebelumnya, navigator ini mengambil argumen

31
00:02:31,920 --> 00:02:38,670
di mana kita mengkonfigurasi itu, jadi objek di mana kita mengkonfigurasinya dan di sana, saya ingin mengikat layar

32
00:02:38,880 --> 00:02:46,260
auth dan juga tentu saja tumpukan toko saya sesudahnya. Sekarang untuk memiliki header yang bagus, saya juga

33
00:02:46,260 --> 00:02:55,560
akan membuat navigator auth saya di sini yang merupakan navigator stack yang dibuat dengan create stack navigator dan di sana, saya hanya

34
00:02:55,560 --> 00:03:00,430
akan memetakan layar auth yang baru saja saya mulai kerjakan dan untuk

35
00:03:00,450 --> 00:03:09,210
ini tentu saja, kami perlu mengimpornya, jadi di ShopNavigator itu. File js, kita dapat mengimpor layar auth dari layar auth pengguna

36
00:03:09,210 --> 00:03:10,060
seperti ini

37
00:03:10,180 --> 00:03:16,880
dan dengan impor yang ditambahkan, jika kita turun, kita memetakan ini di sini untuk auth di navigator auth dan

38
00:03:16,880 --> 00:03:23,640
navigator auth kemudian dipetakan ke auth di sini di saklar navigator dan shop tentu saja dipetakan ke navigator toko

39
00:03:23,640 --> 00:03:28,770
dan sekarang ini adalah navigator utama yang kita bungkus dengan membuat wadah aplikasi dan

40
00:03:28,770 --> 00:03:34,110
oleh karena itu jika kita menyimpan ini, kita benar-benar akan membuat layar auth sebagai layar

41
00:03:34,140 --> 00:03:35,820
pertama yang sekarang tidak

42
00:03:36,060 --> 00:03:43,980
akan membuat valid apa pun jsx, jadi kami mendapatkan kesalahan tetapi kami bisa mengatasinya tentu saja karena ada tujuannya sekarang adalah untuk

43
00:03:43,980 --> 00:03:53,880
membuat layar otentikasi ini di mana kami dapat login dan melakukan hal kami. Jadi di sini, saya ingin menyajikan input ini dan saya akan benar-benar juga

44
00:03:53,880 --> 00:04:02,750
mengimpor komponen kartu dari komponen kartu UI untuk melihat kartu yang bagus ini di sini dan memiliki input saya di sana dan tentu saja

45
00:04:02,750 --> 00:04:07,400
ini benar-benar opsional tetapi di sini, saya akan menambahkan itu, di sini

46
00:04:07,400 --> 00:04:14,030
saya akan menambahkan kartu dan di dalam kartu, kita dapat menambahkan tampilan gulir sehingga kita dapat menggulir bagian

47
00:04:14,030 --> 00:04:19,100
dalam kartu itu, tentu saja Anda juga bisa menambahkan tampilan gulir di sekitar kartu

48
00:04:19,100 --> 00:04:27,650
sehingga Anda dapat menggulir secara keseluruhan Layar tapi saya akan melakukannya seperti ini, juga menambahkan gaya saya sendiri di sini ke kartu yang

49
00:04:27,650 --> 00:04:36,540
saya akan beri nama wadah auth mungkin, nama sepenuhnya terserah Anda dan saya juga akan membungkus pandangan di sekitar semua itu di sini sebagai

50
00:04:36,540 --> 00:04:46,880
pembungkus lihat di mana saya akan menambahkan gaya yang akan saya beri nama layar. Sebenarnya di sini kita sudah bisa menggunakan keyboard menghindari tampilan saya kira

51
00:04:46,940 --> 00:04:56,730
dengan perilaku padding dan kemudian keyboard ini diimbangi off katakanlah 50. Jadi sekarang di dalam tampilan gulir di sini

52
00:04:56,730 --> 00:05:04,720
yang kita miliki di kartu kita, kita dapat mulai menambahkan input, input khusus yang

53
00:05:04,720 --> 00:05:11,590
kita buat sebelumnya dalam kursus. Sebagai contoh di sini, input dengan ID email dan

54
00:05:11,590 --> 00:05:19,780
label email karena di sana saya ingin mengambil alamat email pengguna dan oleh karena itu jenis keyboard dari alamat email

55
00:05:19,810 --> 00:05:22,750
yang didukung di iOS dan Android.

56
00:05:22,750 --> 00:05:28,980
Ini juga harus diminta dan saya ingin menggunakan validator email, ini adalah dua fungsi

57
00:05:28,990 --> 00:05:36,540
validasi yang saya buat di input sebelumnya dalam kursus ini, juga kapitalisasi otomatis harus dimatikan jadi saya

58
00:05:36,540 --> 00:05:42,630
akan set ke none karena kapitalisasi pada alamat email benar-benar tidak membantu dan

59
00:05:42,630 --> 00:05:52,190
pesan kesalahan yang ingin saya tunjukkan jika ada sesuatu yang salah di sana silakan masukkan alamat email yang valid, sesuatu seperti itu.

60
00:05:53,210 --> 00:05:58,670
Sekarang ketika nilai berubah, jadi pada perubahan nilai, kami ingin melakukan sesuatu tetapi untuk saat ini

61
00:05:58,670 --> 00:06:04,790
saya tidak akan melakukan apa pun di sini, cukup sediakan fungsi kosong sehingga kami tidak mendapatkan kesalahan dan nilai

62
00:06:04,790 --> 00:06:08,260
awal yang ingin saya tampilkan di sini, yah itu

63
00:06:08,270 --> 00:06:12,530
hanya string kosong pada akhirnya karena saya tidak ingin memberikan nilai awal lainnya.

64
00:06:12,530 --> 00:06:17,420
Sekarang tentu saja, ini bukan satu-satunya input, jadi saya akan mengulangi ini karena saya

65
00:06:17,900 --> 00:06:26,810
juga memerlukan input kata sandi di sini dengan label kata sandi dan jenis keyboard di sini harus default karena saya ingin memiliki kata kunci teks normal

66
00:06:26,810 --> 00:06:27,500
tetapi

67
00:06:27,500 --> 00:06:31,490
saya ingin mengaburkan input sehingga kita tidak bisa melihatnya dan itu bisa

68
00:06:31,490 --> 00:06:34,630
dilakukan dengan menambahkan untuk mengamankan entri teks di sini.

69
00:06:34,640 --> 00:06:38,250
Ini tentu saja bukan penyangga yang didukung oleh komponen khusus saya

70
00:06:38,330 --> 00:06:44,000
tetapi perlu diingat bahwa dalam komponen ini, kami meneruskan semua penyangga ke input teks bawaan dan input

71
00:06:44,000 --> 00:06:48,710
teks bawaan mendukung properti entri teks aman ini di sini, jadi itu sebabnya saya

72
00:06:48,710 --> 00:06:51,050
dapat mengatur ini. Di sini

73
00:06:51,100 --> 00:06:55,370
validasi juga tidak boleh memeriksa untuk itu menjadi alamat email tetapi

74
00:06:55,370 --> 00:07:02,450
pastikan bahwa kita memiliki panjang minimal misalkan lima karakter. Kapitalisasi otomatis dapat dimatikan di sini juga, pesan kesalahan akan

75
00:07:02,450 --> 00:07:08,660
silakan masukkan kata sandi yang valid dan dengan itu, saya hanya melihat bahwa di sini tentu saja saya memiliki kesalahan

76
00:07:08,660 --> 00:07:14,510
ketik, yang seharusnya menjadi alamat email, di sini kata sandi dan saya akan meninggalkan ini di sini apa adanya.

77
00:07:17,440 --> 00:07:19,650
Sekarang untuk dapat mengirimkan ini,

78
00:07:19,660 --> 00:07:29,020
saya juga perlu sebuah tombol, jadi di sini saya akan mengimpor tombol dari React Native dan menambahkan dua tombol sebenarnya di

79
00:07:29,020 --> 00:07:29,790
kartu

80
00:07:31,000 --> 00:07:38,370
dan karena itu juga di dalam tampilan gulir. Tombol pertama memiliki judul login katakanlah

81
00:07:38,370 --> 00:07:44,940
dan kita nanti akan beralih ini menjadi login atau mendaftar tergantung pada mode

82
00:07:44,940 --> 00:07:52,570
kita masuk dan warna diimpor atau ditambahkan dengan bantuan konstanta warna yang Anda harus impor

83
00:07:52,670 --> 00:08:01,190
dan pada warna-warna ini konstan, saya akan menggunakan Warna. primer dan onPress pada saat ini dapat dengan mudah menunjuk pada fungsi kosong

84
00:08:01,190 --> 00:08:06,320
dan saya akan mengulangi ini karena saya ingin memiliki tombol kedua di mana saya katakan

85
00:08:06,320 --> 00:08:13,550
beralih untuk mendaftar dan tentu saja ini juga kemudian akan mengatakan beralih untuk masuk jika kita masuk mode atas dan di sana

86
00:08:13,550 --> 00:08:18,720
kita mungkin bisa menggunakan warna aksen kita. Jika sekarang kita simpan itu, kita harus memiliki layar

87
00:08:18,720 --> 00:08:21,870
login dasar, ini dia, tidak terlihat seperti seharusnya tetapi kita memiliki

88
00:08:21,930 --> 00:08:23,580
input kita di sini, kita

89
00:08:23,970 --> 00:08:26,970
memiliki dua tombol ini, juga pada Android setelah ini selesai memuat,

90
00:08:26,970 --> 00:08:28,040
di sini kita

91
00:08:28,180 --> 00:08:31,360
pergi dan sekarang tentu saja saya ingin gaya ini dengan tepat.

92
00:08:31,380 --> 00:08:33,570
Jadi mari kita pergi ke

93
00:08:33,570 --> 00:08:40,550
stylesheet dan harap dicatat saya memiliki dua gaya pada akhirnya ditugaskan - layar dan wadah auth, jadi di sini

94
00:08:40,550 --> 00:08:43,920
dalam gaya saya ingin menambahkan layar dan wadah auth,

95
00:08:43,920 --> 00:08:50,390
ini adalah dua gaya saya berencana untuk bekerja dengan. Sekarang untuk layar, saya akan mengatur flex

96
00:08:50,390 --> 00:08:57,050
ke satu dan kemudian membenarkan konten saya di tengah dan menyelaraskan item di tengah untuk

97
00:08:57,110 --> 00:08:58,730
memiliki keterpusatan baik

98
00:08:59,120 --> 00:09:04,090
pada sumbu vertikal dan horizontal dan pada wadah auth, saya ingin

99
00:09:04,100 --> 00:09:10,100
mengatur lebar katakanlah 80% untuk tidak mengambil lebar penuh yang tersedia dan lebar

100
00:09:10,100 --> 00:09:22,710
maks sebenarnya dari 400 piksel dalam kasus 80% akan lebih dari itu, kami membatasi untuk 400 piksel dan mungkin ketinggian katakanlah 50% tetapi ketinggian maks dari juga 400.

101
00:09:22,800 --> 00:09:24,150
Mari kita lihat seperti apa itu. Jika

102
00:09:24,150 --> 00:09:25,950
kita menyimpan ini, inilah yang

103
00:09:26,000 --> 00:09:27,230
saya dapatkan di sini.

104
00:09:27,230 --> 00:09:32,960
Sekarang saya dapat menggulir ke sana karena saya mengatur tampilan gulir dan sebenarnya itu bukan perilaku yang

105
00:09:32,960 --> 00:09:33,910
saya inginkan.

106
00:09:34,160 --> 00:09:35,570
Saya tidak akan mengatur

107
00:09:35,570 --> 00:09:39,620
ketinggian di sini, saya hanya akan menambahkan ketinggian max sehingga ini dibatasi

108
00:09:39,620 --> 00:09:44,500
pada ketinggian tertentu tetapi secara default hanya membutuhkan ketinggian sebanyak yang diperlukan dan oleh karena

109
00:09:44,540 --> 00:09:49,820
itu saya lebih suka menambahkan beberapa padding sehingga kami memiliki beberapa ruang di sekitar input dan

110
00:09:49,820 --> 00:09:50,440
itu

111
00:09:50,450 --> 00:09:56,420
tidak duduk di tepi kartu, jadi ini terlihat jauh lebih bagus dan mari kita lihat seperti apa itu di

112
00:09:56,440 --> 00:09:57,870
Android, ya terlihat umumnya OK.

113
00:09:58,690 --> 00:10:00,730
Jika saya mengetuk di sana,

114
00:10:00,730 --> 00:10:06,860
ini juga menggulir ke atas sehingga keyboard menghindari tampilan melakukan tugasnya tetapi tentu saja, saya masih mendapatkan kesalahan di

115
00:10:07,040 --> 00:10:11,190
sini bahwa pada perubahan input menyebabkan kesalahan karena ya, saya menambahkan perubahan

116
00:10:11,200 --> 00:10:15,070
nilai di sini, yang seharusnya pada perubahan input, bukan pada perubahan nilai.

117
00:10:15,070 --> 00:10:18,370
Jadi itu sedikit perbaikan tapi kami menuju ke arah yang benar.

118
00:10:18,430 --> 00:10:20,740
Sekarang saya belum selesai, saya ingin memiliki judul

119
00:10:20,740 --> 00:10:24,950
header dan bagaimana dengan beberapa warna latar belakang di sini, itu mungkin akan lebih baik.

120
00:10:25,080 --> 00:10:32,680
Jadi untuk itu, mengenai judul header tentu saja kita bisa menambahkan AuthScreen. navigationPilihan dan bekerja dengan beberapa opsi statis untuk

121
00:10:32,680 --> 00:10:39,070
saat ini karena saya hanya ingin menambahkan judul tajuk di sini dan mengatur ini

122
00:10:41,480 --> 00:10:46,700
untuk silakan mengautentikasi atau hanya mengautentikasi, sesuatu seperti itu dan untuk

123
00:10:46,700 --> 00:10:48,090
latar belakang,

124
00:10:48,110 --> 00:10:53,680
tentu saja kita bisa memberikan pandangan kita di sini yang menyimpan segala

125
00:10:54,380 --> 00:11:01,280
sesuatu warna latar belakang tapi saya sebenarnya ingin menunjukkan kepada Anda komponen baru yang belum

126
00:11:01,280 --> 00:11:09,480
kami gunakan sejauh ini dan untuk ini, kami perlu menginstal paket baru dan itulah paket gradien linear-expo yang

127
00:11:09,480 --> 00:11:12,480
Anda instal dengan npm install --save expo-linear-gradient.

128
00:11:12,510 --> 00:11:16,190
Ini adalah paket yang memungkinkan kita untuk menambahkan

129
00:11:16,200 --> 00:11:18,270
gradien linier dengan

130
00:11:18,570 --> 00:11:25,080
mudah, jadi dengan cara yang sangat sederhana dan setelah ini diinstal, Anda hanya

131
00:11:25,800 --> 00:11:32,760
perlu mengimpor dari expo-linear-gradient dan Anda mengimpor komponen yang diekspos ini, komponen gradien linier.

132
00:11:32,770 --> 00:11:39,730
Nah, itu komponen yang dapat Anda gunakan di halaman Anda dan di sini saya akan menggunakannya di dalam keyboard

133
00:11:39,730 --> 00:11:47,770
menghindari tampilan, gradien linier seperti ini dan membungkusnya di sekitar semua konten lain seperti ini di sini dan sekarang Anda dapat mengkonfigurasi

134
00:11:47,770 --> 00:11:48,600
itu

135
00:11:49,240 --> 00:11:56,060
dan di sana, saya ingin memastikan bahwa ini memiliki tombol warna yang memungkinkan kita untuk mengatur warna di

136
00:11:56,200 --> 00:12:02,080
antara itu harus transisi karena gradien hanyalah gradien antara beberapa warna, setidaknya dua tetapi Anda

137
00:12:02,080 --> 00:12:08,040
dapat menambahkan lebih banyak dan di sana Anda sekarang dapat menambahkan warna, seperti merah atau

138
00:12:08,230 --> 00:12:16,510
dengan menambahkan kode hex dan saya ingin transisi antara #ffedff dan katakanlah kode hex lain, # ffe3ff dan tentu saja Anda dapat

139
00:12:16,510 --> 00:12:19,020
bereksperimen dengan warna yang berbeda di sini.

140
00:12:19,030 --> 00:12:26,860
Sekarang kita juga perlu menambahkan gaya di sini dan saya akan memberi nama gradien gaya ini yang sekarang dapat kita

141
00:12:28,330 --> 00:12:36,040
tambahkan di sini dan gradien ini akan mengambil lebar 100% dan tinggi 100%, sehingga akan mengambil semua lebar dan tinggi

142
00:12:36,040 --> 00:12:40,560
itu bisa mendapatkan, karena itu seperti ini tetapi sekarang kami memiliki

143
00:12:40,560 --> 00:12:41,890
masalah, tentu saja

144
00:12:41,940 --> 00:12:46,300
konten kami tidak terpusat lagi. Untuk memastikan bahwa ini masalahnya,

145
00:12:46,440 --> 00:12:52,410
kita sekarang perlu menambahkan konten yang membenarkan dan menyelaraskan item lagi dan karena itu di

146
00:12:52,410 --> 00:12:53,010
sini

147
00:12:53,010 --> 00:12:55,880
di layar sekitarnya, kita dapat menyingkirkan itu.

148
00:12:55,960 --> 00:12:57,490
Sekarang kita memiliki tampilan yang sama

149
00:12:57,820 --> 00:13:01,930
seperti sebelumnya, karena itu jelas kita juga dapat mencapai ini dengan tidak mengatur lebar dan tinggi tetapi hanya melenturkannya.

150
00:13:02,200 --> 00:13:07,210
Jadi sekarang dengan pengaturan ini di sini dan penting bahwa layar tidak mencoba memusatkan karena

151
00:13:07,210 --> 00:13:08,610
jika tidak gradien

152
00:13:08,620 --> 00:13:15,510
akan dipusatkan tetapi dengan pengaturan ini, kita sekarang memiliki tampilan ini dengan gradien yang bagus ini dan untuk melihat judul header

153
00:13:15,510 --> 00:13:21,960
kita di sini, kita hanya perlu perlu memastikan bahwa dalam pengaturan navigasi, di navigator toko, kami menetapkan alat peraga

154
00:13:21,960 --> 00:13:23,850
navigasi default kami ke navigator auth.

155
00:13:23,970 --> 00:13:29,670
Jadi saya akan menambahkan argumen kedua untuk membuat stack navigator dan opsi navigasi default hanya menunjuk

156
00:13:29,670 --> 00:13:34,980
pada opsi nav default yang mengatur warna header, warna judul header dan sebagainya.

157
00:13:39,730 --> 00:13:45,190
Tentu saja, pastikan Anda tidak salah ketik di sini di opsi navigasi layar auth di layar auth

158
00:13:45,190 --> 00:13:46,480
seperti yang saya lakukan.

159
00:13:46,480 --> 00:13:50,950
Jadi dengan perbaikan itu, ini adalah pengaturan yang kami miliki di sini, tentu

160
00:13:50,950 --> 00:13:54,830
saja Anda dapat bereksperimen dengan warna dan menggunakan warna yang berbeda

161
00:13:55,060 --> 00:14:01,480
jika Anda menginginkannya, saya senang dengan itu dan sekarang satu-satunya hal yang ingin saya perbaiki di sini adalah gaya saya

162
00:14:01,480 --> 00:14:09,650
untuk tombol-tombol, beberapa jarak di sekitar mereka akan menyenangkan dan itu dapat dengan mudah ditambahkan dengan membungkus tombol-tombol dalam tampilan di sini, kedua tombol sebenarnya.

163
00:14:12,500 --> 00:14:22,640
Jadi saya akan melakukan ini di sini dan sekarang memberikan setiap tampilan gaya di sini, mungkin gaya wadah tombol, lakukan ini pada tampilan pertama dan pada tampilan kedua

164
00:14:22,760 --> 00:14:24,980
dan sekarang kita bisa memberikan wadah

165
00:14:24,980 --> 00:14:29,500
tombol itu styling di sana di stylesheet dan di sini kita dapat mengatur

166
00:14:29,750 --> 00:14:35,930
margin atas misalnya 10 untuk memastikan bahwa setiap tombol memiliki margin kecil ke atas sehingga tombol tidak

167
00:14:35,930 --> 00:14:40,760
duduk langsung di samping satu sama lain yang saya pikir akan sangat membantu

168
00:14:40,790 --> 00:14:41,900
tombol kami.

169
00:14:41,900 --> 00:14:43,350
Jadi ini terlihat bagus

170
00:14:43,340 --> 00:14:45,280
di iOS, mari kita periksa di Android,

171
00:14:45,290 --> 00:14:46,910
ya ini tidak terlihat terlalu buruk.

172
00:14:47,810 --> 00:14:53,090
Jadi dengan itu, kita memiliki pengaturan dasar itu, sekarang mari kita pastikan bahwa ini juga melakukan sesuatu yang bermanfaat

173
00:14:53,090 --> 00:14:55,160
dan kita benar-benar mencoba masuk dengan itu.