updated version number and readme

Author: lfkwtz

README.md

@@ -17,8 +17,6 @@ For either platform, you can alternatively pass down a child element that will b
 ### Installing
 
 `npm install react-native-picker-select`
-or
-`yarn add react-native-picker-select`
 
 ### Usage
 
@@ -40,14 +38,15 @@ or
 **Optional Props**
 * `placeholder` - object
   * An override for the default placeholder object with a label of `Select an item...` and a value of `null`
+  * An empty object can be used if you'd like to disable the placeholder entirely
 * `hideDoneBar` - boolean
   * For the iOS component, hides the bar with tabbing arrows and Done link to exit the modal. While this is typical on `<select>` elements on the web, the [interface guidelines](https://developer.apple.com/ios/human-interface-guidelines/controls/pickers/) does not include it.
 * `hideIcon` - boolean
   * For the iOS component, hides the floating downward arrow on the right side of the input box
 * `disabled` - boolean
   * Disables interaction with the component
 * `value` - any
-  * Will attempt to locate a matching value from the `items` array by checking each item's `value` key. If found, it will update the component to show that item as selected. If the value is not found, it will default to the placeholder.
+  * Will attempt to locate a matching value from the `items` array by checking each item's `value` property. If found, it will update the component to show that item as selected. If the value is not found, it will default to the first item.
 * `style` - object
   * Style overrides for most parts of the component. More details below.
 

example/example-headless.js

@@ -6,35 +6,37 @@ import {
 } from 'react-native';
 import RNPickerSelect from 'react-native-picker-select';
 
-import CustomButton from '.components/CustomButton'
+import CustomButton from '.components/CustomButton';
 
 export default class App extends React.Component {
   constructor(props) {
     super(props);
 
     this.state = {
       favColor: '',
+      items: [
+        {
+          label: 'Red',
+          value: 'red',
+        },
+        {
+          label: 'Orange',
+          value: 'orange',
+        },
+        {
+          label: 'Blue',
+          value: 'blue',
+        },
+      ],
     };
   }
 
   render() {
     return (
       <View style={styles.container}>
         <RNPickerSelect
-          items={[
-          {
-            label: 'Red',
-            value: 'red',
-          },
-          {
-            label: 'Orange',
-            value: 'orange',
-          },
-          {
-            label: 'Blue',
-            value: 'blue',
-          },
-        ]}
+          items={this.state.items}
+          placeholder={{}}
           onSelect={
           (item) => {
             this.setState({
@@ -43,7 +45,7 @@ export default class App extends React.Component {
            }
         }
         >
-            <CustomButton text="Select your favorite color"/>
+          <CustomButton text="Select your favorite color" />
         </RNPickerSelect>
       </View>
     );
@@ -57,4 +59,4 @@ const styles = StyleSheet.create({
     justifyContent: 'center',
     paddingHorizontal: 10,
   },
-});
+});

example/example.js

@@ -6,28 +6,26 @@ import {
 } from 'react-native';
 import RNPickerSelect from 'react-native-picker-select';
 
-const items = [
-  {
-    label: 'Red',
-    value: 'red',
-  },
-  {
-    label: 'Orange',
-    value: 'orange',
-  },
-  {
-    label: 'Blue',
-    value: 'blue',
-  },
-];
-
 export default class App extends React.Component {
   constructor(props) {
     super(props);
 
     this.state = {
       favColor: '',
-      items,
+      items: [
+        {
+          label: 'Red',
+          value: 'red',
+        },
+        {
+          label: 'Orange',
+          value: 'orange',
+        },
+        {
+          label: 'Blue',
+          value: 'blue',
+        },
+      ],
     };
   }
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-picker-select",
-  "version": "1.0.2",
+  "version": "1.1.0",
   "description": "A Picker component for React Native which emulates the native <select> interfaces for each platform",
   "license": "MIT",
   "author": "Michael Lefkowitz <[email protected]>",