How can I insert a line break into a component in React Native?

Question

I want to insert a new line (like \\r\\n,
) in a Text component in React Native.

If I have:

Hi~

this          


        

Answer 1

Why work so hard? it's 2020, create a component to handle this type of issues

    export class AppTextMultiLine extends React.PureComponent {
    render() {
    const textArray = this.props.value.split('\n');
return (
        
            {textArray.map((value) => {
               return {value};
            })}
        
    )
}}