diff --git a/demo/src/demo/PullToRefresh.tsx b/demo/src/demo/PullToRefresh.tsx
index a755608..090dc15 100644
--- a/demo/src/demo/PullToRefresh.tsx
+++ b/demo/src/demo/PullToRefresh.tsx
@@ -11,5 +11,31 @@ export default () => (
         </PullToRefresh>
       </div>
     </DemoSection>
+    
+    <DemoSection title="自定义加载更多区域">
+      <div style={{ height: '300px', padding: '12px', border: '1px solid #ccc' }}>
+        <PullToRefresh 
+          onRefresh={() => Promise.resolve({})}
+          loadMoreText={(onLoadMore) => (
+            <div 
+              style={{ 
+                width: '100%',
+                padding: '12px',
+                background: '#f5f5f5',
+                borderRadius: '8px',
+                margin: '8px',
+                cursor: 'pointer',
+                border: '1px solid #ddd',
+              }}
+              onClick={onLoadMore}
+            >
+              <span>自定义加载更多区域</span>
+            </div>
+          )}
+        >
+          <div>list</div>
+        </PullToRefresh>
+      </div>
+    </DemoSection>
   </DemoPage>
 );
diff --git a/src/components/PullToRefresh/index.tsx b/src/components/PullToRefresh/index.tsx
index 9722e59..e3e1e0d 100644
--- a/src/components/PullToRefresh/index.tsx
+++ b/src/components/PullToRefresh/index.tsx
@@ -18,7 +18,7 @@ export interface PullToRefreshProps {
   distance?: number;
   loadingDistance?: number;
   distanceRatio?: number;
-  loadMoreText?: string;
+  loadMoreText?: string | ((onLoadMore: () => void) => React.ReactNode);
   maxDistance?: number;
   onRefresh?: () => Promise<any>;
   onScroll?: (event: React.UIEvent<HTMLDivElement, UIEvent>) => void;
@@ -250,10 +250,16 @@ export const PullToRefresh = React.forwardRef<PullToRefreshHandle, PullToRefresh
             <div className="PullToRefresh-indicator">{renderIndicator(status, distance)}</div>
             {!disabled && useFallback && (
               <Flex className="PullToRefresh-fallback" center>
-                {renderIndicator(status, oDistance)}
-                <Button className="PullToRefresh-loadMore" variant="text" onClick={handleLoadMore}>
-                  {loadMoreText}
-                </Button>
+                {typeof loadMoreText === 'function' ? (
+                  loadMoreText(handleLoadMore)
+                ) : (
+                  <>
+                    {renderIndicator(status, oDistance)}
+                    <Button className="PullToRefresh-loadMore" variant="text" onClick={handleLoadMore}>
+                      {loadMoreText}
+                    </Button>
+                  </>
+                )}
               </Flex>
             )}
             {React.Children.only(children)}