From 9ef425945de03a599ada9d95bb37527f58add950 Mon Sep 17 00:00:00 2001
From: weifan <weifan14@h-partners.com>
Date: Wed, 13 Mar 2024 16:23:35 +0800
Subject: [PATCH] =?UTF-8?q?[Issues:=20#I96CSY]=20=E6=9B=B4=E6=96=B0react-n?=
 =?UTF-8?q?ative-MJRefresh=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 1224/react-native-mjrefresh.md | 58 +++++++++++++++++++---------------
 1 file changed, 32 insertions(+), 26 deletions(-)

diff --git a/1224/react-native-mjrefresh.md b/1224/react-native-mjrefresh.md
index d8a6c315..1db7d7fa 100644
--- a/1224/react-native-mjrefresh.md
+++ b/1224/react-native-mjrefresh.md
@@ -47,6 +47,7 @@ yarn add @react-native-oh-tpl/react-native-mjrefresh@file:#
 ```tsx
 import React, { useState } from 'react';
 import {
+  ScrollView,
   Text,
   View,
 } from 'react-native';
@@ -63,32 +64,37 @@ export const MjRefreshDemo = () => {
   let mjRefreshRef: React.RefObject<MJRefreshControl>;
   return (
     <View>
-      <MJRefreshControl style={{ width: '100%', height: '80%' }}
-        ref={(ref) => this.mjRefreshRef = ref}
-        onRefresh={() => {
-          setState({ message: '正在刷新' })
-          console.log("------------onRefresh")
-          // 自定义刷新结束事件
-          setTimeout(() => {
-            console.log("------------onRefresh setTimeout")
-            // 结束刷新
-            this.mjRefreshRef.finishRefresh()
-          }, 2000)
-        }}
-        onRefreshIdle={() => {
-          setState({ message: '下拉刷新' })
-          console.log("------------onRefreshIdle")
-        }}
-        onReleaseToRefresh={() => {
-          setState({ message: '释放刷新' })
-          console.log("------------onReleaseToRefresh")
-        }}
-        onPulling={() => {
-          setState({ message: '下拉刷新' })
-          console.log("------------onPulling")
-        }}>
-      </MJRefreshControl>
-
+      <ScrollView style={{ width: '100%', height: '80%' }}
+        refreshControl={<MJRefreshControl 
+          ref={(ref) => this.mjRefreshRef = ref}
+          onRefresh={() => {
+            setState({ message: '正在刷新' })
+            console.log("------------onRefresh")
+            // 开始刷新
+            this.mjRefreshRef.beginRefresh()
+            // 自定义刷新结束事件
+            setTimeout(() => {
+              console.log("------------ Finish Refresh")
+              // 结束刷新
+              this.mjRefreshRef.finishRefresh()
+            }, 2000)
+          }}
+          onRefreshIdle={() => {
+            setState({ message: '下拉刷新' })
+            console.log("------------onRefreshIdle")
+          }}
+          onReleaseToRefresh={() => {
+            setState({ message: '释放刷新' })
+            console.log("------------onReleaseToRefresh")
+          }}
+          onPulling={() => {
+            setState({ message: '下拉刷新' })
+            console.log("------------onPulling")
+          }}>
+        </MJRefreshControl>
+        }
+      >
+      </ScrollView>
       <Text>Refresh State:{message}</Text>
     </View>
   );
-- 
Gitee