kuito.
Loslegen

WebViewRef

A WebView's ref that also holds the page's state as signals, kept by its load and navigation events. Called while a component sets up, which owns it, like ref().

Typ

Verwendung

Give an embedded help page a reload action.

Dieser Typ wird verwendet von webViewRef

tsx
// Give an embedded help page a reload action.
import { Button, WebView, VStack, webViewRef } from 'kuito';

export function Help() {
  const page = webViewRef();
  return (
    <VStack flex={1}>
      <Button
        disabled={page.loading.value}
        onPress={() => void page.current?.reload().catch(console.error)}
      >
        Reload help
      </Button>
      <WebView
        ref={page}
        src="https://example.com/help"
        allowedOrigins={['https://example.com']}
        flex={1}
      />
    </VStack>
  );
}

Typdeklaration

ts
export type WebViewRef = ElementRef<WebViewHandle> & {
  readonly url: ReadonlySignal<string>;
  readonly title: ReadonlySignal<string>;
  readonly loading: ReadonlySignal<boolean>;
  readonly canGoBack: ReadonlySignal<boolean>;
  readonly canGoForward: ReadonlySignal<boolean>;
};

Mitglieder 6

NameTypErforderlichBeschreibung
currentWebViewHandleJa—
urlschreibgeschütztReadonlySignal<string>Ja—
titleschreibgeschütztReadonlySignal<string>Ja—
loadingschreibgeschütztReadonlySignal<boolean>Ja—
canGoBackschreibgeschütztReadonlySignal<boolean>Ja—
canGoForwardschreibgeschütztReadonlySignal<boolean>Ja—
Generiert aus den öffentlichen TypeScript-Deklarationen: Signaturen, Props und Standardwerte stammen aus der geprüften Quelle, Beschreibungen aus deren JSDoc. Kein Standardwert ist erfunden.