/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

-2 votes190 views3 answers
Switch is not exported from 'react-router-dom'
Javascript React
6 votes193 views2 answers
Reactjs .map is not a function
Javascript React
0 vote168 views1 answer
React focus textarea
Javascript React
4 votes190 views1 answer
Import img react in another file
Javascript React
7 votes201 views2 answers
Align text into center of container react native
Javascript React
0 vote184 views1 answer
Form.select react bootstrap
Javascript React
0 vote197 views1 answer
Text input placeholder font family react native
Javascript React
0 vote247 views1 answer
Login condition if and else in router dom of react jsx
Javascript React
0 vote172 views2 answers
Error: Error: Unable to resolve module react-native-gesture-handler
Javascript React
114 votes201 views3 answers
React init
Javascript React