Platform Specific

We can provide platform specific styles in the sx prop of the component. The sx prop takes an object with _ios, _android and _web specific styles.

<Box justifyContent="center" alignItems="center" h="100%">
  <Box alignItems="center">
    <Button $ios-bg="$red500" $web-bg="$green500" $android-bg="$yellow500">
      <ButtonText>Button</ButtonText>
    </Button>
  </Box>
</Box>

Expo snack link for above example is provided here.