How to show an array items into list with on/off button in React native?

Question

I have an array with key and values which I want to show in a list with on/off switch.

{
  "cCode1": "Unique code",
  "cCode2": "Brand Code",
  "cCode3": "Pattern Code",
  "cCode4": "Assortment Code",
  "cCode5": "Size Code",
  "cCode6": "COLOR Code",
  "cName1": "UniqueCode Name",
  "cName2": "Brand NAme",
  "cName3": "Pattern Name",
  "cName4": "Assortment Name",
  "cName5": "Size Name",
  "cName6": "COLOR Name",
}

This is something I want to achieve, also how to handle switch state.

Sujit · Accepted Answer · 2020-06-04 14:40:47Z

1

yourArray.map(item => {

return <View style={{flexDirection: 'row', height:  50}}>
        <Text style={{someStyle}}>{item.title}</Text>
        <Switch/>
   </View>
})

This is a pseudo Add the result of above array on ScrollView so that UI will be visible in all devices.

answered Jun 4, 2020 at 14:40

Sujit

6588 silver badges27 bronze badges

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

3 Comments

Jitanshu Over a year ago

this list is dynamic, i guess this method is for static array only. And there are around 50-60 keys, i just sent around 10 keys just for an idea

Sujit Over a year ago

your list will be your array here. Doesn't matter the length of list same logic will work any length of array. My one more suggestion here. If your list if big then instead of scrollView use FlatList. This will save memory and improve performance.

Jitanshu Over a year ago

I am using flatlist only but the type of array cannot be loaded in flatlist data directly

Collectives™ on Stack Overflow

How to show an array items into list with on/off button in React native?

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related