React Native List Component that looks like iOS native lists

Viewed 182

Does anybody know if there is any built-in React Native component that render lists like this?

Image

2 Answers

It shouldn't be super hard to implement this from scratch If you want the exactly same design there are probably three or so components that you need to write

Heres pseudo code

const settings = [
{
 items : [{
 icon : SomeIcon,
 label : "Notifications",
 action: () => ...navigate somewhere
},
...more items

]
}
]
...more code

return
 <FlatList>
    {settings.map(setting =>{
      return <SettingSection>
         {setting.items.map(item =>{
           return <Item/>

          })

          }
           </SettingSection>
         })}
      </FlatList>


Related