ส่วนประกอบดั้งเดิมของ React Native ที่เรียบง่ายและปรับแต่งได้ซึ่งช่วยให้คุณสามารถเพิ่มเอฟเฟกต์จางลงใน ScrollView ที่ปลายทั้งสอง
| สกรอลล์แนวตั้ง | ม้วน |
|---|---|
![]() | ![]() |
ห้องสมุดนี้อาศัย React-Native-Linear-Gradient ทำตามคำแนะนำการตั้งค่าของการไล่ระดับสีเชิงเส้น
และในที่สุดก็ทำงานในไดเรกทอรีโครงการของคุณ
npm install rn-faded-scrollview
หรือ
yarn add rn-faded-scrollview
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
}
} ) ; ห้องสมุดนี้ยอมรับอุปกรณ์ประกอบฉากทั้งหมดของ ScrollView และอุปกรณ์ประกอบฉากเพิ่มเติม
| ชื่อ | คำอธิบาย | ค่าเริ่มต้น | พิมพ์ |
|---|---|---|---|
| allowstartfade | เพิ่มจางลงในช่วงเริ่มต้นของ ScrollView | เท็จ | บูลีน |
| อนุญาตให้ใช้ | เพิ่มจางลงในตอนท้ายของ Scrollview | จริง | บูลีน |
| ทำให้จางหายไป | ขนาดจางคือ (ความกว้างของความกว้างของแนวนอนและความสูงในกรณีของการเลื่อนแนวตั้ง) | 20 | ตัวเลข |
| สีเทา | สีสำหรับเอฟเฟกต์จางหายไป | ['RGBA (229, 229, 229, 0.18)', 'RGBA (206, 201, 201, 0.6)', 'RGBA (206, 201, 201, 0.9)'] | อาร์เรย์ |
| Scrollthreshold | Threshold เพื่อควบคุมการซ่อน/แสดงเมื่อถึงจุดเริ่มต้นหรือสิ้นสุด | 10 | ตัวเลข |
| Scrolleventthrottle | สิ่งนี้จะควบคุมความถี่ของเหตุการณ์การเลื่อนจะถูกไล่ออกขณะเลื่อน (เป็นช่วงเวลาใน MS) | 16 | ตัวเลข |
| allowdivider | อนุญาตให้ตัวแบ่งได้ที่ Fade End | เท็จ | บูลีน |
| isrtl | สำหรับเค้าโครง RTL | เท็จ | บูลีน |
| OnContentsizechange | เพิ่มการโทรกลับ OnContentSizeChange ฟังก์ชั่นจะส่งคืน ContentWidth และ ContentHeight | การทำงาน |
สำหรับการจัดแต่งทรงผมผ่านอุปกรณ์ประกอบฉากเหล่านี้
containerStyle , startFadeStyle , endFadeStyle และ dividerStyle
| ชื่อ | พารามิเตอร์การโทรกลับ | คำอธิบาย |
|---|---|---|
| isclosetoend | บูลีน | หากการเลื่อนใกล้จะสิ้นสุดหรือไม่ |
| isclosetostart | บูลีน | หากการเลื่อนใกล้จะเริ่มต้นหรือไม่ |
ใบอนุญาต MIT
ลิขสิทธิ์ (c) 2023 Malik Abdul Kawee
ได้รับอนุญาตโดยไม่ต้องเสียค่าใช้จ่ายสำหรับบุคคลใด ๆ ที่ได้รับสำเนาซอฟต์แวร์นี้และไฟล์เอกสารที่เกี่ยวข้อง ("ซอฟต์แวร์") เพื่อจัดการในซอฟต์แวร์โดยไม่มีการ จำกัด รวมถึง แต่ไม่ จำกัด เฉพาะสิทธิ์ในการใช้สำเนาดัดแปลงผสานเผยแพร่เผยแพร่
ประกาศลิขสิทธิ์ข้างต้นและประกาศการอนุญาตนี้จะรวมอยู่ในสำเนาทั้งหมดหรือส่วนสำคัญของซอฟต์แวร์
ซอฟต์แวร์มีให้ "ตามสภาพ" โดยไม่มีการรับประกันใด ๆ ไม่ว่าโดยชัดแจ้งหรือโดยนัยรวมถึง แต่ไม่ จำกัด เฉพาะการรับประกันความสามารถในการค้าการออกกำลังกายสำหรับวัตถุประสงค์เฉพาะและการไม่เข้าร่วม ไม่ว่าในกรณีใดผู้เขียนหรือผู้ถือลิขสิทธิ์จะต้องรับผิดชอบต่อการเรียกร้องความเสียหายหรือความรับผิดอื่น ๆ ไม่ว่าจะเป็นการกระทำของสัญญาการละเมิดหรืออื่น ๆ ที่เกิดขึ้นจากหรือเกี่ยวข้องกับซอฟต์แวร์หรือการใช้งานหรือการติดต่ออื่น ๆ ในซอฟต์แวร์