diff --git a/.eslintrc.js b/.eslintrc.js
index b9551ae..72beed7 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -24,6 +24,8 @@ module.exports = {
         'Babel': true,
         "MiniRefreshTools": true,
         "MiniRefresh": true,
+        "dd": true,
+        "ejs": true,
     },
     // add your custom rules here
     'rules': {
@@ -31,6 +33,8 @@ module.exports = {
         'jsx-a11y/href-no-hash': 0,
         'react/require-extension': 0,
         'import/no-extraneous-dependencies': 0,
+        // 允许不使用this
+        'class-methods-use-this': 0,
         "no-mixed-operators": [0, {
             "groups": [
                 ["+", "-", "*", "/", "%", "**"],
diff --git a/dist/debug/themes/native/minirefresh.theme.native.js b/dist/debug/themes/native/minirefresh.theme.native.js
new file mode 100644
index 0000000..ac7272d
--- /dev/null
+++ b/dist/debug/themes/native/minirefresh.theme.native.js
@@ -0,0 +1,135 @@
+/*!
+ * minirefresh v2.0.1
+ * (c) 2017-2017 dailc
+ * Released under the MIT License.
+ * https://github.com/minirefresh/minirefresh
+ */
+
+(function (global, factory) {
+	typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
+	typeof define === 'function' && define.amd ? define(factory) :
+	(global.MiniRefresh = factory());
+}(this, (function () { 'use strict';
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+var BaseTheme = MiniRefreshTools.theme.defaults;
+var version = MiniRefreshTools.version;
+var extend = MiniRefreshTools.extend;
+var namespace = MiniRefreshTools.namespace;
+
+var defaultSetting = {
+    down: {
+        isLock: true
+    },
+    // 强行使用body滚动
+    isUseBodyScroll: true
+};
+
+var MiniRefreshTheme = function (_BaseTheme) {
+    _inherits(MiniRefreshTheme, _BaseTheme);
+
+    function MiniRefreshTheme(options) {
+        _classCallCheck(this, MiniRefreshTheme);
+
+        var newOptions = extend(true, {}, defaultSetting, options);
+
+        return _possibleConstructorReturn(this, (MiniRefreshTheme.__proto__ || Object.getPrototypeOf(MiniRefreshTheme)).call(this, newOptions));
+    }
+
+    /**
+     * 重写下拉刷新初始化
+     */
+
+
+    _createClass(MiniRefreshTheme, [{
+        key: '_initDownWrap',
+        value: function _initDownWrap() {
+            var _this2 = this;
+
+            if (this.os.dd) {
+                // 钉钉环境
+                dd.ui.pullToRefresh.enable({
+                    onSuccess: function onSuccess() {
+                        _this2.options.down.callback && _this2.options.down.callback();
+                    },
+                    onFail: function onFail() {
+                        dd.ui.pullToRefresh.stop();
+                    }
+                });
+            } else if (this.os.ejs) {
+                // ejs环境
+                if (ejs.nativeUI) {
+                    // 2.x
+                    ejs.nativeUI.pullToRefresh.enable(function () {
+                        _this2.options.down.callback && _this2.options.down.callback();
+                    });
+                } else if (ejs.ui) {
+                    // 3.x
+                    ejs.ui.pullToRefresh.enable({
+                        success: function success() {
+                            _this2.options.down.callback && _this2.options.down.callback();
+                        },
+                        error: function error() {
+                            ejs.ui.pullToRefresh.stop();
+                        }
+                    });
+                }
+            }
+        }
+    }, {
+        key: 'endDownLoading',
+        value: function endDownLoading() {
+            if (this.os.dd) {
+                dd.ui.pullToRefresh.stop();
+            } else if (this.os.ejs) {
+                if (ejs.nativeUI) {
+                    ejs.nativeUI.pullToRefresh.stop();
+                } else {
+                    ejs.ui.pullToRefresh.stop();
+                }
+            }
+
+            // 同时恢复上拉加载的状态，注意，此时没有传isShowUpLoading，所以这个值不会生效
+            if (this.options.down.isAutoResetUpLoading) {
+                this.resetUpLoading();
+            }
+        }
+        // 将所有下拉相关都重写
+
+    }, {
+        key: '_pullHook',
+        value: function _pullHook() {}
+    }, {
+        key: '_downLoaingHook',
+        value: function _downLoaingHook() {}
+    }, {
+        key: '_downLoaingSuccessHook',
+        value: function _downLoaingSuccessHook() {}
+    }, {
+        key: '_downLoaingEndHook',
+        value: function _downLoaingEndHook() {}
+    }, {
+        key: '_cancelLoaingHook',
+        value: function _cancelLoaingHook() {}
+    }, {
+        key: '_lockDownLoadingHook',
+        value: function _lockDownLoadingHook() {}
+    }]);
+
+    return MiniRefreshTheme;
+}(BaseTheme);
+
+MiniRefreshTheme.sign = 'native';
+MiniRefreshTheme.version = version;
+namespace('theme.natives', MiniRefreshTheme);
+
+return MiniRefreshTheme;
+
+})));
diff --git a/dist/themes/native/minirefresh.theme.native.min.js b/dist/themes/native/minirefresh.theme.native.min.js
new file mode 100644
index 0000000..03dc72a
--- /dev/null
+++ b/dist/themes/native/minirefresh.theme.native.min.js
@@ -0,0 +1,7 @@
+/*!
+ * minirefresh v2.0.1
+ * (c) 2017-2017 dailc
+ * Released under the MIT License.
+ * https://github.com/minirefresh/minirefresh
+ */
+!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?module.exports=o():"function"==typeof define&&define.amd?define(o):e.MiniRefresh=o()}(this,function(){"use strict";var e=function(){function e(e,o){for(var n=0;n<o.length;n++){var t=o[n];t.enumerable=t.enumerable||!1,t.configurable=!0,"value"in t&&(t.writable=!0),Object.defineProperty(e,t.key,t)}}return function(o,n,t){return n&&e(o.prototype,n),t&&e(o,t),o}}(),o=MiniRefreshTools.theme.defaults,n=MiniRefreshTools.version,t=MiniRefreshTools.extend,i=MiniRefreshTools.namespace,s={down:{isLock:!0},isUseBodyScroll:!0},r=function(n){function i(e){!function(e,o){if(!(e instanceof o))throw new TypeError("Cannot call a class as a function")}(this,i);var o=t(!0,{},s,e);return function(e,o){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!o||"object"!=typeof o&&"function"!=typeof o?e:o}(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,o))}return function(e,o){if("function"!=typeof o&&null!==o)throw new TypeError("Super expression must either be null or a function, not "+typeof o);e.prototype=Object.create(o&&o.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),o&&(Object.setPrototypeOf?Object.setPrototypeOf(e,o):e.__proto__=o)}(i,o),e(i,[{key:"_initDownWrap",value:function(){var e=this;this.os.dd?dd.ui.pullToRefresh.enable({onSuccess:function(){e.options.down.callback&&e.options.down.callback()},onFail:function(){dd.ui.pullToRefresh.stop()}}):this.os.ejs&&(ejs.nativeUI?ejs.nativeUI.pullToRefresh.enable(function(){e.options.down.callback&&e.options.down.callback()}):ejs.ui&&ejs.ui.pullToRefresh.enable({success:function(){e.options.down.callback&&e.options.down.callback()},error:function(){ejs.ui.pullToRefresh.stop()}}))}},{key:"endDownLoading",value:function(){this.os.dd?dd.ui.pullToRefresh.stop():this.os.ejs&&(ejs.nativeUI?ejs.nativeUI.pullToRefresh.stop():ejs.ui.pullToRefresh.stop()),this.options.down.isAutoResetUpLoading&&this.resetUpLoading()}},{key:"_pullHook",value:function(){}},{key:"_downLoaingHook",value:function(){}},{key:"_downLoaingSuccessHook",value:function(){}},{key:"_downLoaingEndHook",value:function(){}},{key:"_cancelLoaingHook",value:function(){}},{key:"_lockDownLoadingHook",value:function(){}}]),i}();return r.sign="native",r.version=n,i("theme.natives",r),r});
\ No newline at end of file
diff --git a/src/themes/native/native.js b/src/themes/native/native.js
new file mode 100644
index 0000000..d7db9a6
--- /dev/null
+++ b/src/themes/native/native.js
@@ -0,0 +1,85 @@
+const BaseTheme = MiniRefreshTools.theme.defaults;
+const version = MiniRefreshTools.version;
+const extend = MiniRefreshTools.extend;
+const namespace = MiniRefreshTools.namespace;
+
+const defaultSetting = {
+    down: {
+        isLock: true,
+    },
+    // 强行使用body滚动
+    isUseBodyScroll: true,
+};
+
+class MiniRefreshTheme extends BaseTheme {
+    constructor(options) {
+        const newOptions = extend(true, {}, defaultSetting, options);
+
+        super(newOptions);
+    }
+
+    /**
+     * 重写下拉刷新初始化
+     */
+    _initDownWrap() {
+        if (this.os.dd) {
+            // 钉钉环境
+            dd.ui.pullToRefresh.enable({
+                onSuccess: () => {
+                    this.options.down.callback && this.options.down.callback();
+                },
+                onFail: () => {
+                    dd.ui.pullToRefresh.stop();
+                },
+            });
+        } else if (this.os.ejs) {
+            // ejs环境
+            if (ejs.nativeUI) {
+                // 2.x
+                ejs.nativeUI.pullToRefresh.enable(() => {
+                    this.options.down.callback && this.options.down.callback();
+                });
+            } else if (ejs.ui) {
+                // 3.x
+                ejs.ui.pullToRefresh.enable({
+                    success: () => {
+                        this.options.down.callback && this.options.down.callback();
+                    },
+                    error: () => {
+                        ejs.ui.pullToRefresh.stop();
+                    },
+                });
+            }
+        }
+    }
+
+    endDownLoading() {
+        if (this.os.dd) {
+            dd.ui.pullToRefresh.stop();
+        } else if (this.os.ejs) {
+            if (ejs.nativeUI) {
+                ejs.nativeUI.pullToRefresh.stop();
+            } else {
+                ejs.ui.pullToRefresh.stop();
+            }
+        }
+
+        // 同时恢复上拉加载的状态，注意，此时没有传isShowUpLoading，所以这个值不会生效
+        if (this.options.down.isAutoResetUpLoading) {
+            this.resetUpLoading();
+        }
+    }
+    // 将所有下拉相关都重写
+    _pullHook() {}
+    _downLoaingHook() {}
+    _downLoaingSuccessHook() {}
+    _downLoaingEndHook() {}
+    _cancelLoaingHook() {}
+    _lockDownLoadingHook() {}
+}
+
+MiniRefreshTheme.sign = 'native';
+MiniRefreshTheme.version = version;
+namespace('theme.natives', MiniRefreshTheme);
+
+export default MiniRefreshTheme;
\ No newline at end of file