Reactjs React Native中的文本溢出。(反应本机模态)

Reactjs React Native中的文本溢出。(反应本机模态),reactjs,react-native,Reactjs,React Native,这是登录屏幕和模式,显示您的用户名和密码是否正确 如您所见,文本将从我的屏幕上消失。我怎样才能解决这个问题 _renderModel从普通视图包装。看起来很恶心,但很简单。这是样式表层次结构 modalStyle->modalContainer->modalTitleTextContainer、modalContentTextContainer、modalButtonContainer 有什么提示吗 _renderModal = () => { return (

这是登录屏幕和模式,显示您的用户名和密码是否正确

如您所见,文本将从我的屏幕上消失。我怎样才能解决这个问题

_renderModel从普通视图包装。看起来很恶心,但很简单。这是样式表层次结构

modalStyle->modalContainer->modalTitleTextContainer、modalContentTextContainer、modalButtonContainer

有什么提示吗

  _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'
  },