English

API Reference

Filter

@lynx-js/react

Built-in Macros

Directives

Class: Component<P, S, SS>

Class: MainThreadRef<T>

Class: PureComponent<P, S, SS>

Function: createContext()

Function: createElement()

Function: createRef()

Function: createRoot()

Function: forwardRef()

Function: Fragment()

Function: InitDataConsumer()

Function: InitDataProvider()

Function: isValidElement()

Function: lazy()

Function: memo()

Function: runOnBackground()

Function: runOnMainThread()

Function: Suspense()

Function: useCallback()

Function: useContext()

Function: useDebugValue()

Function: useEffect()

Function: useImperativeHandle()

Function: useInitData()

Function: useInitDataChanged()

Function: useLayoutEffect()

Function: useLynxGlobalEventListener()

Function: useMainThreadRef()

Function: useMemo()

Function: useReducer()

Function: useRef()

Function: useState()

Function: useSyncExternalStore()

Function: withInitDataInState()

Interface: DataProcessorDefinition

Properties

Interface: InitData

Interface: InitDataRaw

Interface: Lynx

Interface: Root

Properties

Variable: root

@lynx-js/react-rsbuild-plugin

pluginReactLynx

@lynx-js/qrcode-rsbuild-plugin

CustomizedSchemaFn

CustomizedSchemaFn type

pluginQRCode

Builtin Elements

<view>

<text>

<image>

<scroll-view>

<list>

<page>

Properties

-x-auto-font-size-preset-sizes

-x-auto-font-size

-x-handle-color

-x-handle-size

align-content

align-items

align-self

animation-delay

animation-direction

animation-duration

animation-fill-mode

animation-iteration-count

animation-name

animation-play-state

animation-timing-function

animation

aspect-ratio

background-clip

background-color

background-image

background-origin

background-position

background-repeat

background-size

background

border-bottom-color

border-bottom-left-radius

border-bottom-right-radius

border-bottom-style

border-bottom-width

border-bottom

border-color

border-end-end-radius

border-end-start-radius

border-inline-end-color

border-inline-end-style

border-inline-end-width

border-inline-start-color

border-inline-start-style

border-inline-start-width

border-left-color

border-left-style

border-left-width

border-left

border-radius

border-right-color

border-right-style

border-right-width

border-right

border-start-end-radius

border-start-start-radius

border-style

border-top-color

border-top-left-radius

border-top-right-radius

border-top-style

border-top-width

border-top

border-width

border

bottom

box-shadow

box-sizing

clip-path

color

column-gap (grid-column-gap)

Custom properties (`--*`): CSS variables

direction

display

filter

flex-basis

flex-direction

flex-flow

flex-grow

flex-shrink

flex-wrap

flex

font-family

font-size

font-style

font-weight

gap

grid-auto-columns

grid-auto-flow

grid-auto-rows

grid-column-end

grid-column-span

grid-column-start

grid-row-end

grid-row-span

grid-row-start

grid-template-columns

grid-template-rows

height

image-rendering

inset-inline-end

inset-inline-start

justify-content

justify-items

justify-self

left

letter-spacing

line-height

linear-cross-gravity

linear-direction

linear-gravity

linear-layout-gravity

linear-weight-sum

linear-weight

margin-bottom

margin-inline-end

margin-inline-start

margin-left

margin-right

margin-top

margin

mask-image

mask

max-height

max-width

min-height

min-width

opacity

order

overflow-x

overflow-y

overflow

padding-bottom

padding-inline-end

padding-inline-start

padding-left

padding-right

padding-top

padding

perspective

position

relative-align-bottom

relative-align-inline-end

relative-align-inline-start

relative-align-left

relative-align-right

relative-align-top

relative-bottom-of

relative-center

relative-id

relative-inline-end-of

relative-inline-start-of

relative-layout-once

relative-left-of

relative-right-of

relative-top-of

right

row-gap (grid-row-gap)

text-align

text-decoration

text-indent

text-overflow

text-shadow

text-stroke-color

text-stroke-width

text-stroke

top

transform-origin

transform

transition-delay

transition-duration

transition-property

transition-timing-function

transition

vertical-align

visibility

white-space

width

word-break

z-index

At-rules

@font-face

@import

@keyframes

Data types

`<angle>`

`<color>`

`<fit-content>`

`<gradient>`

`<length-percentage>`

`<length>`

`<max-content>`

`<number>`

`<percentage>`

`<string>`

`<time>`

Selectors

Selectors

Event

AnimationEvent

CustomEvent

Event

GlobalEvent

TouchEvent

Global

clearInterval()

clearTimeout()

fetch

setInterval()

setTimeout()

SystemInfo

IntersectionObserver

disconnect()

observe()

relativeToScreen()

relativeToViewport()

relativeTo()

NodesRef

fields()

invoke()

path()

setNativeProps()

MainThread

Element

lynx.getTextInfo()

lynx.querySelector()

lynx.querySelectorAll()

lynx.requestAnimationFrame()

lynx.__globalProps

SelectorQuery

exec()

selectAll()

selectRoot()

selectUniqueID()

select()

Performance APIs

Performance Entry

Performance Observer

PerformanceMetric

FrameworkPipelineTiming

LynxLoadMeta

LynxLoadMeta

LynxUpdateMeta

LynxUpdateMeta

TemplateBundle

TemplateBundle

TemplateData

TemplateData

ResourceFetcher

LynxGenericResourceFetcher

LynxMediaResourceFetcher

LynxTemplateResourceFetcher

LynxService

LynxService

Element PAPIs

`__AddClass`

`__AddConfig`

`__AddDataset`

`__AddEvent`

`__AddInlineStyle`

`__AppendElement`

`__CreateComponent`

`__CreateElement`

`__CreatePage`

`__ElementIsEqual`

`__FirstElement`

`__GetAttributes`

`__GetChildren`

`__GetClasses`

`__GetComponentID`

`__GetDataByKey`

`__GetDataset`

`__GetElementConfig`

`__GetElementUniqueID`

`__GetEvent`

`__GetEvents`

`__GetID`

`__GetInlineStyles`

`__GetParent`

`__GetTag`

`__InsertElementBefore`

`__LastElement`

`__NextElement`

`__RemoveElement`

`__ReplaceElement`

`__ReplaceElements`

`__SetAttribute`

`__SetCSSId`

`__SetClasses`

`__SetConfig`

`__SetDataset`

`__SetEvents`

`__SetID`

`__SetInlineStyles`

`__SwapElement`

`__UpdateComponentID`

LynxError

LynxError

Error Codes

Error Codes

Except as otherwise noted, this work is licensed under a Creative Commons Attribution 4.0 International License, and code samples are licensed under the Apache License 2.0.