本文へスキップ

QuickGUIHostView

SwiftUI 階層の中へ通常の QuickGUI サブツリーをリバースホストします。

#インポート

@quickgui/solid/swift-ui から QuickGUIHostView をインポートします。

import { Host, QuickGUIHostView } from "@quickgui/solid/swift-ui";

#使い方

<Host matchContents>
  <QuickGUIHostView width={280} height={120}>
    <View style={{ width: 280, height: 120, padding: 16 }}>
      <Text>Ordinary QuickGUI content</Text>
    </View>
  </QuickGUIHostView>
</Host>

#API リファレンス

項目を展開すると説明と完全なシグネチャが表示されます。ダッシュは宣言に既定値が記載されていないことを示します。

QuickGUIHostView

ソースを見る
QuickGUIHostView(props: QuickGUIHostViewProps): NativeNode
testIDstring—

Stable identifier exposed to macOS accessibility and UI testing.

string
ソースを見る
modifiersViewModifier[]—

SwiftUI modifiers, applied in array order.

ViewModifier[]
ソースを見る
childrenunknown—

The one ordinary QuickGUI subtree rendered by this reverse host.

unknown
ソースを見る
widthnumber—

Fixed SwiftUI frame width and initial QuickGUI viewport width.

number
ソースを見る
heightnumber—

Fixed SwiftUI frame height and initial QuickGUI viewport height.

number
ソースを見る
matchContentsMatchContents—

Measure the ordinary QuickGUI subtree on either or both intrinsic axes.

MatchContents
ソースを見る
backgroundColorValue—

Clear color used by the embedded WGPU surface. Defaults to transparent.

ColorValue
ソースを見る
ref((node: NativeNode) => void) | NativeNode—

Declares ref (optional). Reactive JSX expressions update this property in place.

((node: NativeNode) => void) | NativeNode
ソースを見る