Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
export default class App extends React.Component {
getGreenText = () => {
return (<ColorText text="Default text" color="green"/>);
}
render() {
let GreenText = React.cloneElement(this.getGreenText(),{
text : 'I am green text'
});
return (
<View style={styles.container}>
<ColorText color="red" text="I am red text"/>
{GreenText}
</View>
);
}
}
class ColorText extends React.Component{
render(){
return (<Text style={{color:this.props.color}}>{this.props.text}</Text>);
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
alignItems: 'center',
justifyContent: 'center',
},
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.