v0.4.0-rc.1

Author: sohobloo

.gitignore

@@ -5,6 +5,4 @@
 # IDE
 .idea
 
-example/ModalDropdown.js
-
 npm-debug.log

.npmignore

@@ -1,2 +1,4 @@
+.idea
+.npmignore
 example
 docs

README.md

@@ -21,6 +21,11 @@ You can find them in the example.
 
 ## Update History
 
+### v0.4.0-rc.1
+- New feature: [\#11](https://github.com/sohobloo/react-native-modal-dropdown/issues/11) Open `renderSeparator` prop API.
+- New feature:
+[\#10](https://github.com/sohobloo/react-native-modal-dropdown/issues/10) Support touchable component in `renderRow`.
+
 ### v0.3.2
 - Fix bug: [\#9](https://github.com/sohobloo/react-native-modal-dropdown/issues/9) *undefined is not an object (evaluating '_this.updatePosition.bind')* in v0.3.1.
 - Fix bug: Wrong width of dropdown in very few cases.
@@ -42,7 +47,7 @@ Now you can use these component as a wrapper / container. Anything wrapped in it
 
 ## Installation
 ```sh
-npm i react-native-modal-dropdown --save
+npm i react-native-modal-dropdown -S
 ```
 
 ## Usage
@@ -68,7 +73,7 @@ Give the style props as your choice:
 - `textStyle`: Change the style of text of the button. *Invalid in wrapper mode.*
 - `dropdownStyle`: Change the style of dropdown container.
 
-You can also render your option row by implement the `renderRow` function.
+You can also render your option row and row separator by implement `renderRow` and `renderSeparator` function.
 
 ## API
 ### Props
@@ -82,6 +87,7 @@ Prop                | Type     | Optional | Default   | Description
 `textStyle`         | object   | Yes      |           | Style of the button text. **Invalid in wrapper mode.**
 `dropdownStyle`     | object   | Yes      |           | Style of the dropdown list.
 `renderRow`         | func     | Yes      |           | Customize render option rows. **Will render a default row if `null`/`undefined`.**
+`renderSeparator`   | func     | Yes      |           | Customize render dropdown list separators. **Will render a default thin gray line if `null`/`undefined`.**
 `onDropdownWillShow`| func     | Yes      |           | Trigger when dropdown will show by touching the button. **Return `false` can cancel the event.**
 `onDropdownWillHide`| func     | Yes      |           | Trigger when dropdown will hide by touching the button. **Return `false` can cancel the event.**
 `onSelect`          | func     | Yes      |           | Trigger when option row touched with selected `index` and `value`. **Return `false` can cancel the event.**

example/index.js

@@ -16,8 +16,7 @@ import {
   ScrollView,
 } from 'react-native';
 
-// import ModalDropdown from 'react-native-modal-dropdown';
-import ModalDropdown from './ModalDropdown';
+import ModalDropdown from 'react-native-modal-dropdown';
 
 const DEMO_OPTIONS_1 = ['option 1', 'option 2', 'option 3', 'option 4', 'option 5', 'option 6', 'option 7', 'option 8', 'option 9'];
 
@@ -39,7 +38,6 @@ class Demo extends Component {
         <View style={styles.row}>
           <View style={styles.cell}>
             <ModalDropdown style={styles.dropdown_1}
-                           dropdownStyle={styles.test}
                            options={DEMO_OPTIONS_1}
             />
             <ModalDropdown style={styles.dropdown_6}
@@ -205,7 +203,6 @@ const styles = StyleSheet.create({
     flex: 1,
     borderWidth: StyleSheet.hairlineWidth,
   },
-
   scrollView: {
     flex: 1,
   },
@@ -224,7 +221,7 @@ const styles = StyleSheet.create({
   dropdown_1: {
     flex: 1,
     top: 32,
-    left: 8
+    left: 8,
   },
   dropdown_2: {
     alignSelf: 'flex-end',

example/package.json

@@ -1,13 +1,17 @@
 {
-  "name": "Demo",
-  "version": "0.3.2",
-  "private": true,
-  "scripts": {
-    "start": "node node_modules/react-native/local-cli/cli.js start"
-  },
+  "name": "react-native-modal-dropdown-demo",
+  "version": "0.4.0-rc.1",
+  "description": "A demo for react-native-modal-dropdown component.",
+  "homepage": "https://github.com/sohobloo/react-native-modal-dropdown",
+  "license": "MIT",
+  "author": "sohobloo <sohobloo@live.cn> (https://github.com/sohobloo)",
   "dependencies": {
     "react": "15.3.1",
     "react-native": "0.33.0",
-    "react-native-modal-dropdown": "0.3.2"
-  }
+    "react-native-modal-dropdown": "0.4.0-rc.1",
+  },
+  "scripts": {
+    "start": "node node_modules/react-native/local-cli/cli.js start"
+  },
+  "private": true
 }

package.json

@@ -1,17 +1,7 @@
 {
   "name": "react-native-modal-dropdown",
-  "version": "0.3.2",
+  "version": "0.4.0-rc.1",
   "description": "A react-native dropdown component for both iOS and Android.",
-  "main": "index.js",
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
-  },
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/sohobloo/react-native-modal-dropdown.git"
-  },
-  "author": "sohobloo <sohobloo@live.cn> (https://github.com/sohobloo)",
-  "license": "MIT",
   "keywords": [
     "react",
     "react-component",
@@ -25,5 +15,20 @@
     "select",
     "selector",
     "option"
-  ]
+  ],
+  "homepage": "https://github.com/sohobloo/react-native-modal-dropdown",
+  "bugs": {
+    "url": "https://github.com/sohobloo/react-native-modal-dropdown/issues",
+    "email": "sohobloo@live.cn"
+  },
+  "license": "MIT",
+  "author": "sohobloo <sohobloo@live.cn> (https://github.com/sohobloo)",
+  "main": "index.js",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/sohobloo/react-native-modal-dropdown.git"
+  },
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  }
 }