JAVASCRIPT

how to place a line break in react native

you need use {'
'} as line breaks in text component, whenever you need to add line break in react native application

react native new line character

<Text>
Hi~{"
"}
this is a test message.
</Text>

react native add line below text

<View style={styles.lineUnder}>
	<Text>example text</Text>
</View>

const styles = StyleSheet.create({
    lineUnder: {
        borderBottomColor: 'black',
        borderBottomWidth: 1,
    }
});

insert a line break into a text component in react-native

text = text.replace(/<brs*/?>/gi, "
")