rinku-k / rn-checkbox-list Goto Github PK
View Code? Open in Web Editor NEWCustomizable checkbox list with multi-select/deselect options
License: MIT License
Customizable checkbox list with multi-select/deselect options
License: MIT License
can i see example of selectedListItems for select...
selectedListItems={{ 1 },{2}}
is correct?
Currently multiline works only when the text overflows the width.
Multiline may support text with line break as well.
Requires discussion around how to provide this text in the data.
when headerName active
and i checked or not checked my list remove item
state = {
data: [
{
id: 1,
name: 'Green Book',
},
{
id: 2,
name: 'Red Book',
},
],
};
<CheckboxList
theme="red"
listItems={this.state.data}
onChange={data => console.warn('My updated list :: ', data)}
listItemStyle={{
borderBottomColor: '#eee',
borderBottomWidth: 1,
}}
/>
It only gives My updated list :: [1, 2]
.
Is it possible to get array with values of selected items onChange
?
Support to provide our own render component, let it be Text or Image and with any style/props.
tried this library and the boxes are not visible on ios. any help?
checkbox text should support customization using text props.
All props should be supported including style.
Ability to specify count of how many selections should be selected from the checkbox list.
This would help in cases like:
how to empty the selected item list after going back from the screen that have the CheckboxList ?
because every time i go back and empty the selected list it doesn't change i guess it's a problem in the onchange attribute because every time i console.log inside it like this
onChange={({ ids, items }) => {console.log(items}}
the items remains the same !
can u help me plz !
rn-checkbox-list has mandatory dependency @react-native-community/checkbox
. It should be made part of installation step as yarn add @react-native-community/checkbox rn-checkbox-list
or npm install @react-native-community/checkbox rn-checkbox-list
.
Ability to move checkbox list items on long press and hence change their order
I tried to add multi checkbox lists on a screen and every time list update both states on selecting one of the list items.
e.g.
if i have gender selections state and then department selections state, whenever i tried to select the gender it also sets the departments aswell.
I dont know if this is a known problem but in android after clicking on the select all option, if you try to uncheck an element it will get removed from the list.
Please add typescript definition file so that people can use it with typescript projects
headerStyle doesnt handle header text style.
Cross-checked with code as well.
rn-checkbox-list/src/checkListHeader.js
Lines 7 to 21 in 360411e
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.