如何解决WhiteSpace在Mobile的页脚中显示但是在使用React Native的模拟器中可以正常工作
实际上,我曾尝试更改View道具,但无法解决此问题。在下面的屏幕快照中,这是我的手机拍摄的。您能注意到导航器下方的空白吗?我要删除那些空白。
在模拟器中运行同一应用程序时,我找不到那些空格。我已附上屏幕截图供您参考。请帮助我解决此问题。谢谢!!
<View style={{width:width(50),flexDirection: 'row',shadowOpacity: 0.75,borderTopLeftRadius: 1,borderTopRightRadius:1,marginTop: height(-2),bottom: 1,shadowColor: '#707070',backgroundColor:"#fff"}}>
<TouchableOpacity style={{width:width(20),alignItems: 'center',borderTopLeftRadius: 25}} onPress={() => this.props.navigation.navigate("Home")}>
<Image source={require("../image/moneymallbottom.png")} style={{width:width(5),height:height(5)}} resizeMode="contain"/>
<Text style={{fontSize: 12,fontFamily:"OpenSans-Regular"}}>
Home
</Text>
</TouchableOpacity>
<TouchableOpacity style={{width:width(20),alignItems: 'center'}} onPress={this.onMyMoneyPressed.bind(this)}>
<Image source={require("../image/mymoneybottom.png")} style={{width:width(5),fontFamily:"OpenSans-Regular"}}>
My Cards
</Text>
</TouchableOpacity>
<TouchableOpacity style={{width:width(20),alignItems: 'center'}} onPress={this.onCreditScoreClicked.bind(this)}>
<Image source={require("../image/creditbottom.png")} style={{width:width(6),height:height(5)}} resizeMode="contain"/>
<View style={{width:width(20),alignItems:"center"}}>
<Text style={{fontSize: 12,fontFamily:"OpenSans-Regular"}}>
My Credit
</Text>
</View>
</TouchableOpacity>
<TouchableOpacity style={{width:width(20),alignItems: 'center'}} onPress={() =>
this.props.navigation.navigate("MyGoals")}>
<Image source={require("../image/mygoalbottom.png")} style={{width:width(5),fontFamily:"OpenSans-Regular"}}>
My Goals
</Text>
</TouchableOpacity>
<TouchableOpacity style={{width:width(20),alignItems: 'center'}} onPress={this.onMyRewardsClicked.bind(this)}>
<Image source={require("../image/myrewardbottom.png")} style={{width:width(5),fontFamily:"OpenSans-Regular"}}>
Magnates
</Text>
</TouchableOpacity>
</View>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。