support message attribute

Author: xiaoyann

README.md

@@ -137,6 +137,12 @@ class ExampleB extends React.Component {
         <td>PropTypes.string or PropTypes.element</td>
         <td></td>
     </tr>
+    <tr>
+        <td>message</td>
+        <td></td>
+        <td>PropTypes.string or PropTypes.element</td>
+        <td></td>
+    </tr>
     <tr>
         <td>options</td>
         <td></td>

lib/ActionSheetCustom.js

@@ -8,7 +8,8 @@ import {
 import styles, { btnStyle, sheetStyle, hairlineWidth } from './styles'
 
 
-const TITLE_H 				= 40
+const TITLE_H         = 40
+const MESSAGE_H 		  = 40
 const CANCEL_MARGIN  	= 6
 const BUTTON_H 				= 50 + hairlineWidth
 const WARN_COLOR 			= '#ff3b30'
@@ -70,6 +71,7 @@ class ActionSheet extends Component {
 		let count = props.options.length
 		let height = BUTTON_H * count + CANCEL_MARGIN
 		if (props.title) height += TITLE_H
+    if (props.message) height += MESSAGE_H
 		if (height > MAX_HEIGHT) {
 			this.scrollEnabled = true;
 			return MAX_HEIGHT
@@ -201,6 +203,7 @@ ActionSheet.propTypes = {
 		PropTypes.string,
 		PropTypes.element
 	]),
+  message: PropTypes.string,
 	options: PropTypes.arrayOf((propVal, key, componentName, location, propFullName) => {
 		if (typeof propVal[key] !== 'string' && !React.isValidElement(propVal[key])) {
 			return new Error(

lib/styles.js

@@ -16,7 +16,7 @@ export default StyleSheet.create({
 
 export const sheetStyle = StyleSheet.create({
 	wrapper: {
-		flex: 1, 
+		flex: 1,
 		flexDirection: 'row'
 	},
 	bd: {
@@ -31,10 +31,11 @@ export const sheetStyle = StyleSheet.create({
 		backgroundColor: '#fff'
 	},
 	message: {
-		height: 20,
+    height: 40,
+    paddingBottom: 10,
 		alignItems: 'center',
 		justifyContent: 'center',
-		backgroundColor: '#fff'
+    backgroundColor: '#fff'
 	},
 	titleText: {
 		color: '#8f8f8f',