TodayQuestionCard.Gradient
The TodayQuestionCard.Gradient component provides a gradient background using expo-linear-gradient for visually appealing daily prompts.
Basic Example
import { TodayQuestionCard } from "@ovok/native";
import * as React from "react";
const Example = () => (
<TodayQuestionCard.Gradient
colors={["#667eea", "#764ba2", "#f093fb", "#f5576c", "#4facfe"]}
style={{
height: 70,
}}
/>
);
export default Example;
Props
Extends LinearGradientProps from expo-linear-gradient.
Primary Props
| Prop | Type | Description |
|---|---|---|
children | ReactNode | Content inside the gradient |
colors | readonly [string, string, ...string[]] | At least two gradient colors |
start/end | { x: number, y: number } | Gradient direction |
locations | readonly number[] | Optional stop positions |
dither | boolean | Whether Android dithering is enabled |