rn faded scrollview

RN-faded-scrollview

Komponen asli React yang sederhana dan dapat disesuaikan yang memungkinkan Anda untuk menambahkan efek pudar di scrollview di kedua ujungnya.

Gulungan vertikal	Gulungan horizontal

Sponsor

Instalasi

Perpustakaan ini bergantung pada gradien reaksi asli-linier. Ikuti instruksi pengaturan gradien linier.

Dan sekarang akhirnya berjalan di direktori proyek Anda.

npm install rn-faded-scrollview

ATAU

yarn add rn-faded-scrollview

Sederhana

 import RNFadedScrollView from 'rn-faded-scrollview' ;

// Within your render function
< RNFadedScrollView
        allowStartFade = { true }
        horizontal = { false }
        fadeSize = { 10 }
        style = { styles . backgroundStyle }
        bounces = { false }
      >
   //other views      
</ RNFadedScrollView >

// Later on in your styles..
var styles = StyleSheet . create ( {
  backgroundStyle : {
    flex : 1
  }
} ) ; 

Dokumentasi

Perpustakaan ini menerima semua alat peraga scrollview dan beberapa alat peraga tambahan.

Alat peraga

Nama	Keterangan	Bawaan	Jenis
IdlowStartFade	Tambahkan fade di awal scrollview	PALSU	Boolean
Allowendfade	Tambahkan Fade di akhir scrollview	BENAR	Boolean
fadisze	Ukuran fade IE (Width Hiping dari horizontal dan tinggi jika gulir vertikal)	20	Nomor
Fadecolors	Warna untuk Efek Fade	['RGBA (229, 229, 229, 0.18)', 'RGBA (206, 201, 201, 0.6)', 'RGBA (206, 201, 201, 0.9)']	Array
Scrollthreshold	Ambang batas untuk mengontrol hide/show fade saat mencapai awal atau akhir	10	Nomor
ScrololeventThrottle	Ini mengontrol seberapa sering acara gulir akan dipecat saat menggulir (sebagai interval waktu dalam MS)	16	Nomor
Allowdivider	Izinkan pembagi di ujung fade.	PALSU	Boolean
isrtl	Untuk tata letak RTL	PALSU	Boolean
OncontentsizeChange	OnContentSizeChange Call Back Ditambahkan, Fungsi Akan Mengembalikan ContentWidth dan ContentHeight		Fungsi

Gaya

Untuk gaya melewati alat peraga ini.

containerStyle , startFadeStyle , endFadeStyle dan dividerStyle .

Acara

Nama	Param panggilan balik	Keterangan
isClosetoend	Boolean	Jika gulungan mendekati akhir atau tidak.
isClosetostart	Boolean	Jika gulungan hampir mulai atau tidak.

Lisensi

Lisensi MIT

Hak Cipta (C) 2023 Malik Abdul Kawee

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

Pemberitahuan hak cipta di atas dan pemberitahuan izin ini harus dimasukkan dalam semua salinan atau bagian substansial dari perangkat lunak.

Perangkat lunak ini disediakan "sebagaimana adanya", tanpa jaminan apa pun, tersurat maupun tersirat, termasuk tetapi tidak terbatas pada jaminan dapat diperjualbelikan, kebugaran untuk tujuan tertentu dan nonpringement. Dalam hal apa pun penulis atau pemegang hak cipta tidak akan bertanggung jawab atas klaim, kerusakan atau tanggung jawab lainnya, baik dalam tindakan kontrak, gugatan atau sebaliknya, timbul dari, di luar atau sehubungan dengan perangkat lunak atau penggunaan atau transaksi lain dalam perangkat lunak.