Support for child controls

MessageBar.js

@@ -71,6 +71,7 @@ class MessageBar extends Component {
       /* Cusomisation of the alert: Title, Message, Icon URL, Alert alertType (error, success, warning, info), Duration for Alert keep shown */
       title: props.title,
       message: props.message,
+      children: props.children,
       avatar: props.avatar,
       alertType: props.alertType || 'info',
       duration: props.duration || def.duration || 3000,
@@ -186,7 +187,7 @@ class MessageBar extends Component {
     // If an alert is already shonw or doesn't have a title or a message, do nothing
     if (
       this.alertShown ||
-      (this.state.title == null && this.state.message == null)
+      (this.state.title == null && this.state.message == null && this.state.children == null)
     ) {
       return
     }
@@ -518,15 +519,22 @@ class MessageBar extends Component {
   }
 
   renderMessage () {
+    var controls = [];
     if (this.state.message != null) {
-      return (
+      controls.push(
         <Text
           numberOfLines={this.state.messageNumberOfLines}
           style={[this.state.messageStyle, {color: this.state.messageColor}]}>
           {this.state.message}
         </Text>
       )
     }
+    if (this.state.children != null) {
+      controls.push(
+          this.state.children
+      );
+    }
+    return controls;
   }
 }