反應原生 <Text> 內 <Grid><Col> 沒有包裝

Question

我在react-native app中使用react-native-easy-grid，我在元素內部有一個text元素。 文本似乎溢出了列，但沒有環繞。

我已經嘗試添加flexString，flexDirection，flexWrap屬性，如其他問題所提供，例如React本機文本從屏幕上消失，拒絕換行。 該怎么辦？ 但它不適用於Grid

    render() {
      return (
        <View>
          <Grid>
            <Row style={{ height: 50, padding: 10 }}>
               <Col><AntIcon name="warning" size={25} /></Col>
               <Col style={{flexDirection:'row'}}>
                 <Text style={{flex: 1, flexShrink: 1}}>
                 0 devices could not sync'd to cloud since you are not the owner.
                 </Text>
              </Col>
            </Row>
          </Grid>
        </View>
      );
    }

我希望文本“0設備無法同步; d到雲，因為你不是設備屏幕內的所有者”但它的截止並顯示只有部分字符串

Answer 1

我意識到問題是什么。 這是我添加的高度參數搞砸了

我做了100高，它開始工作正常