Question

我在react-native应用程序中使用react-native-easy-grid，并且在元素内有一个text元素。文本似乎溢出了该列，但没有环绕。

我曾尝试添加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个设备无法同步；因为您不是设备屏幕的所有者，因此无法同步到云”，但是它会被截断并仅显示部分字符串

Answer 1

我意识到了问题所在。是我添加的高度参数弄乱了它

我的身高达到100，并且开始正常工作

<grid>中的React Native <text>没有包装

1 个答案: