v1.31.0

This version introduces support for multiple <List.Item> accessories via a new accessories prop.

The accessoryTitle and accessoryIcon props still work, but are now marked as deprecated and may be removed in a future version. You will get helpful hints in your code editor to migrate your extension, and as usual we provide automated migrations to help with the transition.

To migrate your extension manually, you need to ensure that all List.Items that specify accessoryTitle and/or accessoryIcon are updated as follows:

List.Item with accessoryTitle

<List.Item title="List item with accessory title" accessoryTitle="foo" />
// becomes
<List.Item title="List item with accessory title" accessories={[{ text: 'foo' }]}

List.Item with accessoryIcon

<List.Item title="List item with accessory icon" accessoryIcon={getAccessoryIcon()} />
// becomes
<List.Item title="List item with accessory icon" accessories={[{ icon: getAccessoryIcon() }]}

List.Item with accessoryTitle and accessoryIcon

<List.Item title="List item with accessory title and accessory icon" accessoryTitle="foo" accessoryIcon={getAccessoryIcon()} />
// becomes
<List.Item title="List item with accessory title and accessory icon" accessories={[{ text: "foo", icon: getAccessoryIcon() }]}

Last updated