diff --git a/src/components/Picker/index.tsx b/src/components/Picker/index.tsx
index 7761011..ece26db 100644
--- a/src/components/Picker/index.tsx
+++ b/src/components/Picker/index.tsx
@@ -103,10 +103,10 @@ class MPicker extends component({
   }
 
   render() {
-    const { maskClosable, data, itemHeight, visibleItemCount, noCancel, cancelText, confirmText, title } = this.props
+    const { maskClosable, data, itemHeight, visibleItemCount, noCancel, cancelText, confirmText, title, className } = this.props
     const { localVisible, localSelectedIndexes } = this.state
     return (
-      <View>
+      <View className={className}>
         <View onClick={this.handleTriggerClick}>
           {this.props.children}
         </View>
diff --git a/src/components/PickerView/index.tsx b/src/components/PickerView/index.tsx
index e65e045..0d04a8e 100644
--- a/src/components/PickerView/index.tsx
+++ b/src/components/PickerView/index.tsx
@@ -186,13 +186,13 @@ export default class MPickerView extends component({
   }
 
   render() {
-    const { disabled } = this.props
+    const { disabled, className } = this.props
     const { normalizedData, localSelectedIndexes } = this.state
     const styles = this.computeStyles()
     return (
       <PickerView
         value={localSelectedIndexes}
-        className={`m-picker-view ${disabled && 'm-picker-view_disabled'}`}
+        className={`m-picker-view ${disabled && 'm-picker-view_disabled'} ${className}`}
         style={styles.view}
         indicatorStyle={`height:${styles.indicator.height}`}
         onPickStart={this.props.onPickStart}
diff --git a/src/components/SinglePicker/index.tsx b/src/components/SinglePicker/index.tsx
index b35b9fa..dbc39b2 100644
--- a/src/components/SinglePicker/index.tsx
+++ b/src/components/SinglePicker/index.tsx
@@ -74,6 +74,7 @@ class MSinglePicker extends component({
       cancelText,
       confirmText,
       title,
+      className,
     } = this.props
     const {
       localData,
@@ -90,6 +91,7 @@ class MSinglePicker extends component({
         cancelText={cancelText}
         confirmText={confirmText}
         title={title}
+        className={className}
         onCancel={this.handleCancel}
         onConfirm={this.handleConfirm}>
         {this.props.children}
diff --git a/src/components/Sticky/index.tsx b/src/components/Sticky/index.tsx
index 8f399c1..fd90a4a 100644
--- a/src/components/Sticky/index.tsx
+++ b/src/components/Sticky/index.tsx
@@ -83,10 +83,11 @@ export default class MSticky extends component({
   }
 
   render() {
+    const { className } = this.props
     const { fixed, contentHeight } = this.state
     return (
       <View
-        className={`m-sticky ${fixed && 'm-sticky_fixed'}`}
+        className={`m-sticky ${fixed && 'm-sticky_fixed'} ${className}`}
         style={contentHeight ? { height: `${contentHeight}px` } : {}}>
         <View className='m-sticky__content'>
           {this.props.children}