我有一个React Native应用程序,在屏幕的最底部有一个输入字段。我想在屏幕底部添加一些额外的填充,以防设备的屏幕出现圆角,例如在最新的iPhone,Samsungs等中。这样做的目的是从底部获取输入字段这些设备往往位于屏幕的最底部,离虚拟主页按钮还有一点距离。
iPhone设备非常容易跟踪,因为其中只有少数带有圆角的设备。但是,使用Android设备跟踪情况如何呢?是不是真的有兴趣使用正则表达式魔术或用于此的库,但是有谁做过?
AFAIK Platform
库或社区的react-native-device-info
对此并没有太大帮助(或者我错了吗?)
知道圆角的情况后,我可以做类似的事情:
render() {
extraPadding = awesomeFunctionToCheckRoundedCorners() ? 15 : 0;
return (
<View style={[styles.container, { paddingBottom: extraPadding }]}>
{/* My awesome input field here */}
</View>
)
}