diff --git a/examples/popup.tsx b/examples/popup.tsx
index b7f7b0a..7000a0d 100644
--- a/examples/popup.tsx
+++ b/examples/popup.tsx
@@ -30,6 +30,10 @@ class Demo extends React.Component<any, any> {
     });
   }
 
+  onScrollChange = (value) => {
+    console.log('onScrollChange', value);
+  }
+
   onDismiss = () => {
     console.log('onDismiss');
     this.setState({
@@ -63,10 +67,11 @@ class Demo extends React.Component<any, any> {
   render() {
     const cascader = (
       <Cascader
-        rootNativeProps={{'data-xx': 'yy'}}
+        rootNativeProps={{ 'data-xx': 'yy' }}
         onChange={this.onPickerChange}
         data={globalData}
         cols={COLS}
+        onScrollChange={this.onScrollChange}
       />
     );
     return (<div style={{ padding: 10 }}>
diff --git a/package.json b/package.json
index 90ec038..b8f17e0 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rmc-cascader",
-  "version": "4.3.5",
+  "version": "5.0.0",
   "description": "m-cascader ui component for react",
   "keywords": [
     "react",
@@ -72,6 +72,6 @@
   "dependencies": {
     "array-tree-filter": "1.0.x",
     "babel-runtime": "6.x",
-    "rmc-picker": "^4.0.1"
+    "rmc-picker": "~5.0.0"
   }
 }
diff --git a/src/Cascader.tsx b/src/Cascader.tsx
index 9c6fab0..541ed34 100644
--- a/src/Cascader.tsx
+++ b/src/Cascader.tsx
@@ -62,7 +62,7 @@ class Cascader extends React.Component<ICascaderProps, any> {
   }
 
   getCols() {
-    const { data, cols, pickerPrefixCls, disabled, pickerItemStyle, indicatorStyle  } = this.props;
+    const { data, cols, pickerPrefixCls, disabled, pickerItemStyle, indicatorStyle } = this.props;
     const value = this.state.value;
     const childrenTree = arrayTreeFilter(data, (c, level) => {
       return c.value === value[level];
@@ -83,8 +83,8 @@ class Cascader extends React.Component<ICascaderProps, any> {
         prefixCls={pickerPrefixCls}
         style={{ flex: 1 }}
         disabled={disabled}
+        itemStyle={pickerItemStyle}
         indicatorStyle={indicatorStyle}
-        pickerItemStyle={pickerItemStyle}
       >
         {children.map(item =>
           <Picker.Item value={item.value} key={item.value}>{item.label}</Picker.Item>)
@@ -110,6 +110,7 @@ class Cascader extends React.Component<ICascaderProps, any> {
         selectedValue={this.state.value}
         rootNativeProps={rootNativeProps}
         onValueChange={this.onValueChange}
+        onScrollChange={props.onScrollChange}
       >
         {cols}
       </MultiPicker>
diff --git a/src/CascaderTypes.tsx b/src/CascaderTypes.tsx
index 7cacc93..dd39fb3 100644
--- a/src/CascaderTypes.tsx
+++ b/src/CascaderTypes.tsx
@@ -1,4 +1,4 @@
-export type CascaderOneValue = string|number;
+export type CascaderOneValue = string | number;
 export type CascaderValue = CascaderOneValue[];
 
 export interface ICascaderDataItem {
@@ -24,4 +24,6 @@ export interface ICascaderProps {
   pickerPrefixCls?: string;
   /** web only */
   className?: string;
+  /** web only */
+  onScrollChange?: (value: CascaderValue) => void;
 }