Displaying contents of array on multiple lines in React Native

Question

I have an array of strings that I would like to display on screen on multiple lines in React Native for iOS. In my Text view, I currently only have the one line of code:

<Text style={styles.text}>
  {this.state.selectData}
</Text>

I would like to display 3 elements of the selectData array per line, but I can't figure out how to go about executing it.

agenthunt · Accepted Answer · 2016-07-26 07:56:13Z

1

Something like this

render(){
   <View>
     {this.state.selectData.map((value, index) => {
         return (
             <Text key={index}>
                {value}
             </Text>
          );
         })
      }
     </View>
    );
}

answered Jul 26, 2016 at 7:56

agenthunt

8,6883 gold badges32 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Displaying contents of array on multiple lines in React Native

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related