React Native - Switch

React Native - Switch

React Native - Switch

Dalam artikel ini, kami akan menjelaskan komponen Switch dalam beberapa langkah.

Langkah 1: Buat File

Kita akan menggunakan komponen HomeContainer untuk logika, tetapi kita perlu membuat komponen presentasi.

Sekarang mari kita membuat file baru: SwitchExample.js.

Langkah 2: Logika

Kami memberikan nilai dari status dan fungsi untuk beralih item beralih ke komponen SwitchExample. Fungsi Toggle akan digunakan untuk memperbarui negara.

App.js

Langkah 3: Presentasi

Komponen Switch mengambil dua alat peraga. Prop onValueChange akan memicu fungsi sakelar setelah pengguna menekan sakelar. Nilai prop terikat pada status komponen HomeContainer.

switch_example.js

Jika kita menekan sakelar, status akan diperbarui. Kita dapat memeriksa nilai di konsol.

Program di atas akan menghasilkan output berikut:

 

 

Download Tutorial