<p>I need to indent the first line of a paragraph on React Native. But the use of the common css <code>text-indent</code> property (<code>textIndent</code>) isn't compatible with React Native, and neither are pseudo-element selectors (like <code>:first-line</code>). Is there any way to do this without wrapping the whole line in <code><Text></code> tags and defining its own style? Which words will end up in the first line of a paragraph is somewhat indeterministic from one device's viewport to another device's viewport.</p>

<p>Use <code>{'\t'}</code>. Just like this: <code><Text>{'\t'}Hi there</Text></code></p>

Text Indentation on React Native

Tags:

I need to indent the first line of a paragraph on React Native. But the use of the common css text-indent property (textIndent) isn't compatible with React Native, and neither are pseudo-element selectors (like :first-line). Is there any way to do this without wrapping the whole line in <Text> tags and defining its own style? Which words will end up in the first line of a paragraph is somewhat indeterministic from one device's viewport to another device's viewport.