NativeViewProps
The component's props: the view's own, each a value or a signal, beside the style, layout and accessibility props every view takes. A prop bound to a signal is two-way: an event whose payload has a field of the prop's name writes the signal. Press handlers belong to the view's own events.
Usage
Overlay a now-playing caption
This type is used by Blur
import { Blur, Image, Text, VStack } from 'kuito';
export default function NowPlaying() {
return (
<VStack flex={1}>
<Image
src="https://example.com/cover.jpg"
position="absolute"
top={0}
left={0}
right={0}
bottom={0}
/>
<Blur material="thin" position="absolute" bottom={0} left={0} right={0} padding={16}>
<Text>Now playing</Text>
</Blur>
</VStack>
);
}Type declaration
export type NativeViewProps<P, M = Record<never, never>> = Omit<
CommonProps,
keyof P | 'onPress' | 'onPressCapture' | 'ref'
> & {
ref?: ElementRef<NativeViewHandle<M>>;
} & {
[K in keyof P]: K extends EventKey | 'children' ? P[K] : Bound<P[K]>;
};Members 1
| Name | Type | Required | Description |
|---|---|---|---|
ref | ElementRef<NativeViewHandle<M>> | No | — |
Generated from the public TypeScript declarations: signatures, props and defaults come from the checked source, descriptions from its JSDoc. No defaults are invented.