Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including react-native-tydligval with all npm packages installed. Try it out:

require("react/package.json"); // react is a peer dependency. require("react-native/package.json"); // react-native is a peer dependency. require("rnpm/package.json"); // rnpm is a peer dependency. var reactNativeTydligval = require("react-native-tydligval")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

react-native-tydligval v1.0.6

A react native picker library

react-native-tydligval

Another React Native picker library with blurry background

usage

On your project root:

yarn add react-native-tydligval

properties - must

  • source {String} The source of the background image which is either local or remote (https)
  • key {String} React element key
  • onSelect {Function} Callback that receives the selected and calls your custom callback
  • items {Array} The list of items to iterate over and render

properties - optional (otherwise falling back to the defaults)

  • color {String) Color for default controls
  • triggerButton (Function) Callback that receives items onPress selected and should return your custom trigger {ReactElement}
  • selectButton (Function) Callback that receives item onSelect and should return your custom select button which is the list item itself {ReactElement}
  • closeButton (Function) Callback that receives onClose and should return your custom close button and also call the onClose() event {ReactElement}

This repo

https://github.com/joshycube/react-native-tydligval.git

React Native example app

https://github.com/joshycube/react-native-tydligval-example-app

screenshots

iphone example 1 iphone example 2 android example 1 android example 2

Metadata

RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free