0

我正在使用rn-bottom-drawer为我的应用程序实现抽屉。我尝试了几种方法，例如 PixelRatio、ModerateScale、If-else 等屏幕高度范围，但我未能成功设置这样的 containerHeight 以使其与所有设备屏幕完美配合，并且我的抽屉和屏幕底部之间没有空间。

我的代码：

<BottomDrawer
            ref={"_drawer"}
            containerHeight={moderateScale(270)}
            startUp={false}
            backgroundColor={null}
            downDisplay={moderateScale(200)}
            onExpanded={() => this.setState({ isRecentSearchesExpanded: true })}
            onCollapsed={() => this.setState({ isRecentSearchesExpanded: false })}
        >
            <View style={{
                width: screenWidth,
            }}>
                <ImageBackground source={require('../../assets/tabBkgd.png')} style={{ height: "100%", width: screenWidth, justifyContent: "center", backgroundColor: "transparent" }} resizeMode="stretch">
                    {/* some views here */}
                </ImageBackground>
            </View>
        </BottomDrawer>
4

1 回答 1

0

这是我用于动态高度和宽度的包：

rn响应。

基本上你要做的就是检查你的手机适合什么高度。假设你得到 80 并且你的 deviceHeight 是 640 ，那么你需要做的就是(80/640)*100 i.e 12.5现在 计算

做就是了 ：

import {widthPercentageToDP as wp, heightPercentageToDP as hp} from 'react-native-responsive-screen';
<BottomDrawer
            ref={"_drawer"}
            containerHeight={hp("12.5%")}

并且它是固定的。希望能帮助到你。随时怀疑

于 2020-02-05T07:11:02.957 回答