Unspaced
Avoids spacing for children inside a spacing container
or
yarn add tamagui
yarnnpmbunpnpm
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 { 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.