List

A container that presents rows of data arranged in a single column.

Example

swiftui-react-native

Static

<List>
  <Text>List Item</Text>
  <Text>List Item</Text>
  <Text>List Item</Text>
</List>

Dynamic

const options = ['Option 1', 'Option 2', 'Option 3'];

<List>
  {ForEach(options, (option) => (
    <Text key={option}>{option}</Text>
  ))}
</List>

SwiftUI

Static

List {
    Text("List Item")
    Text("List Item")
    Text("List Item")
}

Dynamic

var options: [String] = ["Option 1", "Option 2", "Option 3"]

List {
    ForEach(options, id: \.self) { option in
        Text("\(option)")
    }
}

Props

List inherits all View Modifiers as props.

prop	description	type	required	default
children	List content	ReactNode	no	null