Unspaced

Avoids spacing for children inside a spacing container.

Usage

While the space property is deprecated, Unspaced could like on in a better form, one which is easy to back-ported to make Unspaced support (as well as adding gap support).

When using the space style prop, you may want some children to not be spaced

Use Unspaced:

import { Text, Unspaced, View } from '@tamagui/core'

export default () => (
  <View position="relative" space>
    <View width={20} height={20} />
    {/* space */}
    <View width={20} height={20} />
    {/* no */}
    <Unspaced>
      <Text position="absolute">Some absolute positioned text</Text>
    </Unspaced>
  </View>
)

If you want the item to be visually hidden as well as unspaced, see VisuallyHidden, which avoids uses Unspaced but also hides the contents in an accessible manner.