React Native - 如何呈现具有分隔线的文本＆＃34; \ n＆＃34;

Question

我试图找到一种方法来渲染来自数据库的文本及其分隔线＆＃34; \ n＆＃34;。

如何改变＆＃34; \ n＆＃34;到实际的分界线？

Answer 1

你可以使用这种方法。

List<Rate> rateList = IntStream.range(0, guestList.size())
                               .mapToObj(i -> buildRate(i, ageRate, guestRate, guestList.get(i)))
                               .collect(Collectors.toList());

Answer 2

使用Wisnu回答我有点发现如何做到这一点，因为他的方法对我不起作用。

function renderTextWithBreakLines(text) {
    return text.split(`\n`).map((txt, i) => <Text key={i}>{ txt }{ '\n' }</Text>)
}

更短的方法是：

const renderTextWithBreakLines = text => text.split(`\n`).map((txt, i) => <Text key={i}>{ txt }{ '\n' }</Text>);

Answer 3

您可以将文字包装在{}内，如此

<Text>{`Large Room~\nFully Furnished`}</Text>

或者将您的文本声明为变量并像这样渲染

const someText = "Large Room\nFully Furnished"
<Text>{someText}</Text>