Styling & layout#

Every element lays out with flexbox; styles are typed objects (or DaisyUI classes via @sigx/lynx-daisyui).

Style objects#

TSX 
<View style={{ flexDirection: 'row', gap: 12, padding: 16 }}>
    <Text style={{ fontSize: 16, color: '#e7e9f1' }}>Styled natively</Text>
</View>

Flexbox by default#

Lynx's layout engine speaks flexbox natively — flexDirection, gap, alignItems, justifyContent behave like the web.

Component library#

For a themed, ready-made component set, see DaisyUI for Lynx.