Unspaced

Avoids spacing for children inside a spacing container.

While the space property is deprecated, Unspaced lives on in a better form, one which is easily back-ported to add 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 { Unspaced } from '@tamagui/core'
import { Text, View } from '@tamagui/tailwind'
export default () => (
<View className="relative gap-4">
<View className="w-[20px] h-[20px]" />
{/* space */}
<View className="w-[20px] h-[20px]" />
{/* no */}
<Unspaced>
<Text className="absolute">Some absolute positioned text</Text>
</Unspaced>
</View>
)

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