/Javascript/React/React native create view dynamically

React native create view dynamically

//you define a function to generate the view
viewGenerator(isTrue){
  if(isTrue){
    return( //you return the view you want to generate
      <View>
      	<Text>Generated text</Text>
      </View>
    );
  }
}

render(){
  return(
    <View>
      //then you use it inside your view like this
      {this.viewGenerator(true)}
    </View>
  );
}

Similar codes

0 vote167 views3 answers
Redirect is not defined react/jsx-no-undef
Javascript React
14 votes106 views9 answers
Attempted import error: 'switch' is not exported from 'react-router-dom'.
Javascript React
0 vote147 views2 answers
React arrow function component
Javascript React
2 votes193 views2 answers
React native settimeout
Javascript React
0 vote154 views2 answers
React convert excel to json
Javascript React
1 vote139 views2 answers
Line break in react
Javascript React
2 votes154 views1 answer
React native image source local file
Javascript React
1 vote158 views2 answers
Use state reactjs
Javascript React
0 vote315 views1 answer
How to place text over image in react
Javascript React
-1 vote142 views1 answer
Convert create-react-app to typscript
Javascript React