我怎么能得到一个HOC内的孩子的布局尺寸?

Question

考虑这段虚拟代码:

import React, { useState, useEffect } from 'react';
import { View, Text } from 'react-native';
import styles from './Shadow.style';
const MyHOC = ({children}) => {
return (
<View>
{children}
</View>
)
};
export default MyHOC;

我怎么能得到孩子们的样式属性如宽度,高度,从临时borderRadius吗?

Answer 1

我想出了这个解决方案:

const [dimensions, setDimensions] = useState(null);
return (
<View
onLayout={(e) =>
setDimensions({
height: e.nativeEvent.layout.height,
width: e.nativeEvent.layout.width,
})
}
>
{children}
</View >

所以当渲染子视图时，包装视图设置子视图的尺寸。

不确定这是最好的解决方案，但它有效。