将单词放入反应原生形状中

Question

我正在尝试在我的方格中添加单词，但是当我在框中输入一个长句子时，它会切断很多，有没有人知道如何使它可以开始一个新行而不是继续开箱?我的代码在正方形和文本下方

        <View style={square}>
            <Text
              style={{
                alignItems:'flex-start',
                allowFontScaling: 'True',
                alignContent: 'True',
                color: 'white',
                alignItems: 'True',
                fontSize: 10,
              }}>this is where my long sentence goes to test out my words in the box                </Text>
          </View>
const square = { 
  width: 120,
  height: 80,
  justifyContent: 'center',
  alignItems: 'center',
  backgroundColor: '#6930C3',
  flex:1
};

Answer 1

您可以使用道具numberOfLines 和ellipsizeMode 来解决您的问题。

function Example() {
    return (
        <View style={{
            width: 120,
            height: 80,
            justifyContent: 'center',
            alignItems: 'center',
            backgroundColor: '#6930C3',
            margin: 20,
            //padding: 20,
            //flex:1
        }}>
            <Text
                style={{
                    alignItems: 'flex-start',
                    //allowFontScaling: 'True',
                    //alignContent: 'True',
                    color: 'white',
                    //alignItems: 'True',
                    fontSize: 10,
                }}
                // numberOfLines={4}
                // ellipsizeMode={'clip'}
                >
                this is where my long sentence goes to test out my words in the box 4
                this is where my long sentence goes to test out my words in the box 3 
                this is where my long sentence goes to test out my words in the box 2
                this is where my long sentence goes to test out my words in the box 1
                  </Text>
        </View>
    )
}