LinearGradient
LinearGradient fills a view using color stops distributed along a line.
LinearGradient fills a view using color stops distributed along a line.
Examples
Example
Preview unavailable for this example in the static docs build.
Show code
<LinearGradient endPoint="bottomTrailing" startPoint="topLeading" stops={[
{ color: '#0a84ff', location: 0 },
{ color: '#64d2ff', location: 0.45 },
{ color: '#30d158', location: 1 },
]} style={{
borderRadius: '20px',
height: '220px',
width: '100%',
}}></LinearGradient>API
| Prop | Type | Required | Description |
|---|---|---|---|
startPoint | IUnitPoint | No | No description yet. |
endPoint | IUnitPoint | No | No description yet. |
stops | IGradientStop[] | Yes | No description yet. |
Inherits additional props from IBaseComponent.
Overview
LinearGradient fills a view using color stops distributed along a line.
SwiftUI Correspondence: Mirrors SwiftUI's LinearGradient with stops, startPoint, and endPoint.
LazyVStack
LazyVStack is a container that arranges its children vertically, loading them lazily. LazyVStack is similar to VStack but only renders children that are visible in the viewport, improving performance for long lists.
Link
Link is a control for navigating to a URL. Links provide a way to navigate to external websites or internal routes.