CODEWITHSUNDEEP
react-native
Hasen
Hasen

Reputation: 12304

React Native - Default style for elements

Is there a way in React Native to set the style for standard elements without adding a style tag to each and every one? Like for example I want to alter the style for these:

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

As I understand it the only way to say a margin indent is to do this:

<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>

In ordinary website CSS you can obviously just set some styles for all HTML elements without needing to add a class or ID to them. How is it done in React Native?

Upvotes: 0

Views: 1236

Answers (1)

Eyal Eizenberg
Eyal Eizenberg

Reputation: 4033

You can set an abstraction layer just for it:

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

And then in your other components:

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

Upvotes: 1

Related Questions