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().
Usage
Give an embedded help page a reload action.
This type is used by webViewRef
// 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>
);
}Type declaration
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>;
};Members 6
| Name | Type | Required | Description |
|---|---|---|---|
current | WebViewHandle | Yes | — |
urlreadonly | ReadonlySignal<string> | Yes | — |
titlereadonly | ReadonlySignal<string> | Yes | — |
loadingreadonly | ReadonlySignal<boolean> | Yes | — |
canGoBackreadonly | ReadonlySignal<boolean> | Yes | — |
canGoForwardreadonly | ReadonlySignal<boolean> | Yes | — |
Generated from the public TypeScript declarations: signatures, props and defaults come from the checked source, descriptions from its JSDoc. No defaults are invented.