Tôi muốn chèn một dòng mới (như \ r \ n, < br/>) trong thành phần Văn bản trong Phản ứng gốc.Làm cách nào để chèn ngắt dòng vào thành phần văn bản trong React Native?
Nếu tôi có:
<text><br />
Hi~<br >
this is a test message.<br />
</text>
Rồi Phản ứng Native renders Hi~ this is a test message.
Có thể làm văn bản để thêm một dòng mới như vậy:
Hi~
this is a test message.
tôi không thể kiểm tra nó ngay bây giờ nhưng điều này nên làm điều đó:
<Text>
Hi~{"\n"}
this is a test message.
</Text>
Bạn cũng có thể làm:
<Text>{`
Hi~
this is a test message.
`}</Text>
dễ dàng hơn trong quan điểm của tôi, bởi vì bạn không cần phải chèn thứ trong chuỗi; chỉ cần quấn nó một lần và nó giữ tất cả các ngắt dòng của bạn.
này làm việc cho tôi
<Text>{`Hi~\nthis is a test message.`}</Text>
(phản ứng bản địa 0.41.0)
Tôi cần một giải pháp một dòng nhánh trong một nhà điều hành ternary để giữ mã của tôi độc đáo thụt vào.
{foo ? `First line of text\nSecond line of text` : `Single line of text`}
Sublime nổi bật cú pháp giúp làm nổi bật nhân vật dòng-break:
Nếu ở tất cả các bạn đang hiển thị dữ liệu từ biến trạng thái, sử dụng này.
<Text>{this.state.user.bio.replace('<br/>', '\n')}</Text>
Bạn có thể thêm .replace vào cuối chuỗi. ví dụ.
<Text style={styles.cellTitle} numberOfLines={2}>
{item.name.replace('\n', ' ')}
</Text>
Điều này sẽ thay thế \ n bằng một dấu cách.
Bạn có thể sử dụng {'\n'} làm ngắt dòng. Xin chào ~ {'\ n'} đây là tin nhắn thử nghiệm.
Có cách nào để làm điều đó với chuỗi từ biến vì vậy tôi có thể sử dụng: ' {content} '? –
@RomanSklenar var someText = 'Hi ~ \ nnthis là một thông báo thử nghiệm.'; –
\ n là ngắt dòng –