React Native上的文本缩进

Question

我需要在React Native上缩进段落的第一行。但是使用通用css text-indent属性（textIndent）与React Native不兼容，并且都不是伪元素选择器（如:first-line）。有没有办法做到这一点，而不包括<Text>标签的整个行，并定义自己的风格？哪一个单词最终会出现在一个段落的第一行中，从一个设备的视口到另一个设备的视口是有些不确定的。

Answer 1

最简单的解决方法是手动输入一些空格。组件的

let myText = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore'; 
<Text numberOfLine={5}>{'  ' + myText}</Text> 

完整的示例...

import React, { Component } from 'react' 
import { View, Text } from 'react-native'; 

class IdentedText extends Component { 

    render() { 
     let myText = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore'; 

     return (
      <View> 
       <Text numberOfLine={5}>{'  ' + myText}</Text> 
      </View> 
     ); 
    } 
} 

你也可以写一个接受的空间文本和量的辅助功能。