<Grid> <Col> 内的 React Native <Text> 未包装

Posted 2023-02-22

【中文标题】<Grid> <Col> 内的 React Native <Text> 未包装

【英文标题】：React Native <Text> inside <Grid> <Col> is not wrapping

【发布时间】：2019-08-23 23:44:20

【问题描述】：

我在 react-native 应用程序中使用 react-native-easy-grid，并且在 .文本似乎溢出了列，但没有环绕。

我已尝试添加其他问题（如 React native text going off my screen, refusing to wrap. What to do?）中提供的 flexString、flexDirection、flexWrap 属性，但它不适用于 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 到云，因为您不是设备屏幕内的所有者”，但它被截断并仅显示部分字符串

【参考方案1】：

我意识到问题所在。是我添加的高度参数搞砸了

我将身高设置为 100，它开始正常工作