Javascript 如何使用react pdf进行单词换行

我有一个pdf，除了一个问题，当一个很长的单词被包含在页面信息中，而不是将单词包装到一个换行符上时，这个单词只是继续从容器中出来，离开页面，走出门到谁知道在哪里

这是创建此问题的其中一个容器的设置。实际结构所遵循的样式

       const styles = StyleSheet.create({
         section: {
            paddingBottom: 20,
            position: 'relative',
         },
         sectionTitle: {
            fontSize: 12,
            fontWeight: 700,
            borderBottom: '2 solid #333333',
            display: 'block',
            marginBottom: 10,
            textTransform: 'uppercase',
            lineHeight: 1.2,
          },
        })

下面是页面部分的设置

        <View style={styles.section}>
          <StyledText style={styles.sectionTitle}>Description</StyledText>
          <StyledText style={{ width: '80%', fontWeight: 400 }}>
            {data.description}
          </StyledText>
        </View>

描述
{data.description}

此处data.description是以下形式的文本： “looooooooooooooooooooononnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn 像这样的。容器应该打断单词，但无论我如何尝试设置它的样式，单词都没有响应。 当我碰到容器的末端时，如何打破这个单词

---

到目前为止，我已经尝试过使用、wordWrap、wordBreak、flex、flexWrap、flexGrow/Shrink和overflowWrap。似乎没有任何效果

您应该用

覆盖标签，并赋予属性

display:flex

和

flexDirection:row

---

这些之后，文本将中断。

您应该用

覆盖标签，并赋予属性

显示：flex

和

flexDirection:row

---

这些之后，文本将中断。

您是否尝试过以下任何一种：换行、换行、溢出换行。。。哪一个不起作用？很好，我将更新postoups，毕竟，它似乎不可用：您可能需要在处理之前拆分您的单词。。。但是仍然应该包装真实的单词，尝试使用随机字母，而不是一次重复数千次；）<代码>GangNabalandAntreBDRTReactDetGangNabalandAntreBDRTReactDetGangNabalandAntreBDRTReactDetB应中断。。结果表明它是有效的：你有没有尝试过以下任何一种：换行、换行、溢出换行。。。哪一个不起作用？很好，我将更新postoups，毕竟，它似乎不可用：您可能需要在处理之前拆分您的单词。。。但是仍然应该包装真实的单词，尝试使用随机字母，而不是一次重复数千次；）<代码>GangNabalandAntreBDRTReactDetGangNabalandAntreBDRTReactDetGangNabalandAntreBDRTReactDetB应中断。。reactPdf操场显示它可以工作：这对我不起作用。可能你需要为你的文本标记设置宽度这对我不起作用。可能你需要为你的文本标记设置宽度