Spacer

A flexible space that expands along the major axis of its containing stack layout.

info

Spacers are only meant to be used within a stack layout.

Example

swiftui-react-native

<HStack>
  <Text>Hello</Text>
  <Spacer />
  <Text>World</Text>
</HStack>

SwiftUI

HStack {
    Text("Hello")
    Spacer()
    Text("World")
}

React Native

<View
  style={{
    flexDirection: 'row',
    justifyContent: 'space-between',
    width: '100%',
  }}
>
  <Text>Hello</Text>
  <Text>World</Text>
</View>