Простая и настраиваемая натуральная компонент React, который позволяет добавлять эффект затухания в ScrollView на обоих концах.
| Вертикальный свиток | Горизонтальный свиток |
|---|---|
![]() | ![]() |
Эта библиотека опирается на реаги-родной-линейный градиент. Следите за инструкциями по настройке линейного градиента.
И теперь наконец -то забегайте в своем каталоге проекта.
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 и некоторые дополнительные реквизиты.
| Имя | Описание | По умолчанию | Тип |
|---|---|---|---|
| Разрешить | Добавить Fade в начале Scrollview | ЛОЖЬ | Логический |
| AllingendFade | Добавить Fade в конце ScrollView | истинный | Логический |
| исчезает | IE FADE (IE (ширина с горизонтальной и высотой вертикальной прокрутки) | 20 | Число |
| Fadecolors | Цвета для эффекта затухания | ['RGBA (229, 229, 229, 0,18)', 'RGBA (206, 201, 201, 0,6)', RGBA (206, 201, 201, 0,9) '] | Множество |
| Прокрутка | Порог для управления исчезающим скрытием/показать, когда он достигает начала или заканчивания | 10 | Число |
| ScrolleventThrottle | Это контролирует, как часто будет запущено событие прокрутки при прокрутке (как интервал времени в MS) | 16 | Число |
| AllowDivider | Разрешить разделитель на Fade End. | ЛОЖЬ | Логический |
| ISRTL | Для макетов RTL | ЛОЖЬ | Логический |
| OnContentSizeChange | oncontententizeChange Call. Добавлено, функция вернет контент -width и contentHeight | Функция |
Для стиля пройти эти реквизиты.
containerStyle , startFadeStyle , endFadeStyle и dividerStyle .
| Имя | Обратный вызов Param | Описание |
|---|---|---|
| isclosetoend | Логический | Если прокрутка близка к концу или нет. |
| ISCLOSETOSTART | Логический | Если прокрутка близка к началу или нет. |
MIT Лицензия
Авторское право (C) 2023 Малик Абдул Кави
Настоящим дается разрешение, бесплатно, любому лицу, получающему копию этого программного обеспечения и связанные с ними файлы документации («Программное обеспечение»), чтобы иметь дело в программном обеспечении без ограничений, включая, без ограничения, права на использование, копирование, изменение, объединение, публикацию, распределение, сублиценность и/или продавать копии программного обеспечения и разрешения лиц, на которые программное обеспечение подходит для того, чтобы поступить так, чтобы поступить на следующие условия: к следующим условиям: к следующим условиям: к следующим условиям: к следующим условиям: к следующим условиям: к следующим условиям: к следующим условиям: к следующим условиям: к следующим условиям: к следующим условиям: к следующим условиям: к следующим условиям: к следующим условиям: к следующим условиям: к следующим условиям: к следующим условиям: к следующим условиям: к следующим условиям: к следующим условиям: к следующим условиям: к следующим условиям: на следующие условия: к следующим условиям: на следующие условия: на следующие условия.
Вышеуказанное уведомление об авторском праве и это уведомление о разрешении должно быть включено во все копии или существенные части программного обеспечения.
Программное обеспечение предоставляется «как есть», без гарантии любого рода, явного или подразумеваемого, включая, помимо прочего, гарантии товарной пригодности, пригодности для определенной цели и несоответствия. Ни в коем случае авторы или владельцы авторских прав не будут нести ответственность за любые претензии, убытки или другую ответственность, будь то в действии контракта, деликт или иным образом, возникающие из или в связи с программным обеспечением или использованием или другими сделками в программном обеспечении.