Security News
tea.xyz Spam Plagues npm and RubyGems Package Registries
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
@kitten-team/react-native-sortable-listview
Advanced tools
Readme
Drag drop capable wrapper of ListView for React Native. Allows for dragging and dropping of rows with automatic scrolling while dragging.
npm install react-native-sortable-listview --save
import SortableListView from 'react-native-sortable-listview'
See example.
See Sortable.
SortableListView passes through all the standard ListView properties to ListView, except for dataSource. The renderRow method must render a component that forwards onLongPress and onPressOut methods to a Touchable* child component. Calling the onLongPress method will enable the drag and drop on the row and onPressOut will cancel it. You can also apply the default behaviour by spreading the sortHandlers prop (e.g. <TouchableHightlight {...this.props.sortHandlers} >..
)
onRowMoved
(Function) - should return a function that is passed a single object when a row is dropped. The object contains three properties from
, to
, and row
. from
and to
are the order indexes being requested to move. row
is all the info available about the row being dropped.data
(Object) - Takes an object.rowHasChanged
(Function) - Takes an function that is called to compare row data. It is passed the new row data and a shallow copy of the previous row data. This is necessary to define if row data is not immutible for row changes to correctly propagate, if your row data is immutable DO NOT DEFINE, see #28 for reasons why.order
(Array) (optional) - Expects an array of keys to determine the current order of rows.sortRowStyle
(Object) (optional) - Expects a style
object, which is to be applied on the rows when they're being dragged.disableSorting
_(boolean) (optional) - When set to true, all sorting will be disabled, which will effectively make the SortableListView act like a normal ListView.onMoveStart
(Function) (Optional) - Register a handler to be called when drag start.onMoveEnd
(Function) (Optional) - Register a handler to be called when move is completed.onRowActive
(Function) (Optional) - Register a handler to be called when row is activated, return a object contains three properties rowData
, touch
and layout
. rowData
is the data info of activated row, layout
is the layout info of the activated row, touch
is the nativeEvent
of long pressonMoveCancel
(Function) (Optional) - Register a handler to be called when move is canceled, that is the row is activated on long press and then released without any move.activeOpacity
(Number) (Optional) - Sets opacity of an active element. Default value: 0.2
.limitScrolling
_(boolean) (optional) - When set to true, scrolling will be disabled when a row is active (sorting). Default is false
.moveOnPressIn
_(boolean) (optional) - When set to true, longPress delay is eliminated. Default is false
.ListViewComponent
_(Function) (optional) - A custom ListView component to be used instead of React-Native's ListView.disableAnimatedScrolling
_(boolean) (optional) - When set to true, scrolling will no longer animate. Default is false
. Strongly recommend set it to true
., see #97 for more context.you can use those unreleased features by installing from master branch
npm i deanmcpherson/react-native-sortable-listview
scrollTo(...args)
- Scrolls to a given x, y offset, either immediately or with a smooth animation. See ScrollView's scrollTo method.Before submitting a PR, please:
npm run prettier
.npm run test
. (Currently this produces 2 warnings, no errors).Unreleased
section of the Changelog.MIT Licensed
FAQs
Drag drop capable wrapper of ListView for React Native
The npm package @kitten-team/react-native-sortable-listview receives a total of 0 weekly downloads. As such, @kitten-team/react-native-sortable-listview popularity was classified as not popular.
We found that @kitten-team/react-native-sortable-listview demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 7 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
Security News
As cyber threats become more autonomous, AI-powered defenses are crucial for businesses to stay ahead of attackers who can exploit software vulnerabilities at scale.
Security News
UnitedHealth Group disclosed that the ransomware attack on Change Healthcare compromised protected health information for millions in the U.S., with estimated costs to the company expected to reach $1 billion.