feats

src/layout/index.jsx

@@ -1,14 +1,19 @@
-import React from 'react';
+import React, { useRef, useEffect, useImperativeHandle } from 'react';
 import { View, ScrollView } from '@tarojs/components'
 import './index.scss'
 
-const Layout = ({ children }) => {
-    return <ScrollView scrollY className='scrolllayout' >
+const Layout = ({ children }, ref) => {
+    const scrollRef = useRef()
+
+    useImperativeHandle(ref, () => ({
+        offsetHeight: () => console.log(12312) || scrollRef.current.offsetHeight
+    }))
+
+    return <ScrollView scrollY className='scrolllayout' ref={scrollRef} >
         <View className='page-container' >
             {children}
         </View>
     </ScrollView>
 }
 
-
-export default Layout;
+export default React.forwardRef(Layout);

src/pages/shop/index.jsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useMemo, useState } from "react";
+import React, { useEffect, useMemo, useRef, useState } from "react";
 import Taro, { useDidShow } from "@tarojs/taro";
 import "./index.scss";
 import { View, Text } from "@tarojs/components";
@@ -12,17 +12,15 @@ import IsLogin from "../../layout/IsLogin";
 const account = props => {
   const [list, setList] = useState([]);
   const [page, setPage] = useState({ total: 0, pageNum: 0 });
+  const [height, setHeight] = useState(600)
   const [loading, setLoading] = useState(false);
 
+  const layoutRef = useRef()
+
   const radioHouseState = useMemo(() => props.radioHouseState, [
     props.radioHouseState
   ]);
 
-  console.log(props, radioHouseState);
-  useEffect(() => {
-    
-  }, []);
-
   useDidShow(() => {
     getShopList({ pageNum: 1, pageSize: 10 });
     // if(page.pageNum==1){
@@ -46,6 +44,11 @@ const account = props => {
         }else {
           setList(list.concat(records || []));
         }
+
+        const t = setTimeout(() => {
+          setHeight(layoutRef.current.offsetHeight() - 10)
+          clearTimeout(t)
+        }, 500)
         
       })
       .catch(() => setLoading(false));
@@ -107,11 +110,11 @@ const account = props => {
   return (
     <IsLogin>
       <View className="account">
-        <Layout>
+        <Layout ref={layoutRef}>
           <InifiniteList
             length={list.length}
             total={page.total}
-            height={600}
+            height={height}
             itemRenderer={renderItem}
             loadMore={loadMore}
           />