Reactjs React Native中的文本溢出。(反应本机模态)
这是登录屏幕和模式,显示您的用户名和密码是否正确 如您所见,文本将从我的屏幕上消失。我怎样才能解决这个问题 _renderModel从普通视图包装。看起来很恶心,但很简单。这是样式表层次结构 modalStyle->modalContainer->modalTitleTextContainer、modalContentTextContainer、modalButtonContainer 有什么提示吗Reactjs React Native中的文本溢出。(反应本机模态),reactjs,react-native,Reactjs,React Native,这是登录屏幕和模式,显示您的用户名和密码是否正确 如您所见,文本将从我的屏幕上消失。我怎样才能解决这个问题 _renderModel从普通视图包装。看起来很恶心,但很简单。这是样式表层次结构 modalStyle->modalContainer->modalTitleTextContainer、modalContentTextContainer、modalButtonContainer 有什么提示吗 _renderModal = () => { return (
_renderModal = () => {
return (
<Container>
<Modal isVisible={this.state.isModalVisible}>
<View style={styles.modalContainer}>
<View style={styles.modalTitleTextContainer}>
<Text style={styles.modalTitleText}>{this.props.errorMsg}</Text>
</View>
<View style={styles.modalContentTextContainer}>
<Text style={styles.modalContentText}>{`It looks like ${this.state.username} doesn't match an existing account. If you don't have a Stylee account, you can create one now `}</Text>
</View>
<View style={styles.modalButtonContainer}>
<Button transparent onPress={this._hideModal}>
<Text style={styles.modalText}>Find Account</Text>
</Button>
<Button transparent onPress={this._hideModal}>
<Text style={styles.modalText}>Try Again</Text>
</Button>
</View>
</View>
</Modal>
</Container>
);
}
我会在这里编辑这篇文章,以防有什么不清楚的地方。谢谢:)我放错了宽度:(
现在它工作得很好
modalContainer: {
justifyContent: 'center',
backgroundColor: 'white',
width: width(90),
height: height(30),
padding: 10,
flexWrap: 'wrap'
},
我仍然在这个问题上…!!!!:(将
flexWrap:'wrap'
添加到modalContainerUm中..很抱歉它不起作用。
modalContainer: {
justifyContent: 'center',
backgroundColor: 'white',
width: width(90),
height: height(30),
padding: 10,
flexWrap: 'wrap'
},