组

一个用于将视图分组且不影响布局的 SwiftUI Group 组件。

iOS

tvOS

Included in Expo Go

GitHub

npm

更新日志

Recommended version:

~56.0.26

Expo UI Group 与官方 SwiftUI Group API 保持一致，并将多个视图组合在一起，而不会引入额外的布局结构。

安装

Terminal

- npx expo install @expo/ui

- yarn expo install @expo/ui

- pnpm expo install @expo/ui

- bun expo install @expo/ui

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

用法

基本分组

分组适用于一次性将修饰符应用到多个视图，或在不影响布局的情况下组织视图。

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('blue')]}>
        <Text>第一项</Text>
        <Text>第二项</Text>
        <Text>第三项</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