DropDown Windonw not in desired Position for tablet/iPad landscape

[jasrzhang]

Hi legends.

I found the drop down Window sometimes overflow, and not supporting rotation very well.

In the useLayoutDropdown.js, could we use useWindowsDemension hook rather than use Dimentions.get() directly?

`const {height} = Dimensions.get('window'); const DROPDOWN_MAX_HEIGHT = height * 0.4;

export const useLayoutDropdown = (data, dropdownStyle) => { const [isVisible, setIsVisible] = useState(false); // dropdown visible ? const [buttonLayout, setButtonLayout] = useState(null); const [dropdownCalculatedStyle, setDropdownCalculatedStyle] = useState({});`

I did a simple test, it seems working better to me like this:

` export const useLayoutDropdown = (data, dropdownStyle) => {

const { height } = useWindowDimensions(); const DROPDOWN_MAX_HEIGHT = useMemo(() => height * 0.4, [height]);

const [isVisible, setIsVisible] = useState(false); // dropdown visible ? const [buttonLayout, setButtonLayout] = useState(null); const [dropdownCalculatedStyle, setDropdownCalculatedStyle] = useState({}); `