React Native - стиль по умолчанию для элементов

Question

Есть ли способ в React Native установить стиль для стандартных элементов без добавления тега стиля для каждого из них? Как, например, я хочу, чтобы изменить стиль для них:

<Text>This is test</Text> 
<Text>This is also text</Text> 
<Text>And so is this</Text> 

Как я понимаю, это единственный способ сказать отступа, чтобы сделать это:

<Text style={styles.indentText}>This is test</Text> 
<Text style={styles.indentText}>This is also text</Text> 
<Text style={styles.indentText}>And so is this</Text> 

В обычном веб-сайте CSS вы можете, очевидно, просто установите некоторые стили для всех элементов HTML, не добавляя к ним класс или идентификатор. Как это делается в React Native?

Answer 1

Вы можете установить уровень абстракции только для него:

IndentedText = React.createClass({ 
    render:() { 
    <Text style={styles.indentText}>{this.props.text}</Text> 
    } 
}) 

, а затем в других компонентах:

<IndentedText text={"This is a text"} /> 
<IndentedText text={"This is also a text"} /> 
<IndentedText text={"And so is this"} />