TextField

編集と送信のコールバックを持つ、制御されたネイティブ SwiftUI TextField です。

#インポート

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

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

#使い方

<Host matchContents={{ vertical: true }} style={{ width: 280 }}>
  <TextField
    value={name()}
    placeholder="Name"
    onValueChange={setName}
    onSubmit={save}
  />
</Host>

#API リファレンス

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

`TextField`

ソースを見る

TextField(props: TextFieldProps): NativeNode

testIDstring—

Stable identifier exposed to macOS accessibility and UI testing.

string

ソースを見る

modifiersViewModifier[]—

SwiftUI modifiers, applied in array order.

ViewModifier[]

ソースを見る

valuestring—

Controlled field value.

string

ソースを見る

placeholderstring—

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

string

ソースを見る

onValueChange(value: string, event: QuickGuiEvent) => void—

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

(value: string, event: QuickGuiEvent) => void

ソースを見る

onSubmit(event: QuickGuiEvent) => void—

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

(event: QuickGuiEvent) => void

ソースを見る

ref((node: NativeNode) => void) | NativeNode—

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

((node: NativeNode) => void) | NativeNode

ソースを見る