组

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

iOS

tvOS

GitHub

npm

更新日志

Bundled version:

~55.0.0-beta.0

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

安装

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.

用法

基本分组

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

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>第一项</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