react-native-theme-picker
A useful control that lets a user select color themes. Good for use cases where there isn't an overload of colors.
Quick start
$ npm i -S react-native-theme-picker
And use within components:
<ThemePicker colors=themes selectedColor=thisstatebackground onSelected=this/> // with a different size<ThemePicker size=30 colors=themes selectedColor=thisstatebackground onSelected=this/> // with a different style<ThemePicker holderStyle=flexDirection:'column' selectorStyle=borderWidth:3 colors=themes selectedColor=thisstatebackground onSelected=this/>
Then to get a cute fill animation, try using LayoutAnimation
with
these settings for animation:
const animations = duration: 100 create: type: LayoutAnimationTypeslinear update: type: LayoutAnimationTypeslinear springDamping: 07
In your callback (onSelected
) make sure to call LayoutAnimation.configureNext(animations)
to
signal that you want these.
Contributing
Fork, implement, add tests, pull request, get my everlasting thanks and a respectable place here :).
Copyright
Copyright (c) 2016 Dotan Nahum @jondot. See LICENSE for further details.