Group

A SwiftUI Group component for grouping views without affecting layout.

iOS

tvOS

GitHub

npm

Changelog

Bundled version:

~55.0.0-beta.1

Expo UI Group matches the official SwiftUI Group API and groups views together without introducing additional layout structure.

Installation

Terminal

- npx expo install @expo/ui

If you are installing this in an existing React Native app, make sure to install expo in your project.

Usage

Basic group

Groups are useful for applying modifiers to multiple views at once or organizing views without affecting layout.

BasicGroupExample.tsx

import { Host, Group, Text } from '@expo/ui/swift-ui';
import { foregroundStyle } from '@expo/ui/swift-ui/modifiers';

export default function BasicGroupExample() {
  return (
    <Host matchContents>
      <Group modifiers={[foregroundStyle({ color: 'blue' })]}>
        <Text>First item</Text>
        <Text>Second item</Text>
        <Text>Third item</Text>
      </Group>
    </Host>
  );
}

API

import { Group } from '@expo/ui/swift-ui';

Component

`Group`

iOS

tvOS

Type: React.Element<GroupProps>

GroupProps

`children`

iOS

tvOS

Type: ReactNode

Inherited Props

CommonViewModifierProps