反应原生 <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高，它开始工作正常