Function BoxesExample

example/app/boxes.tsx:4–18

()

import { Box, Icon, Modifier } from "jetpack-compose-react-native";

export default function BoxesExample() {
  return (
    <ScrollView style={{ flex: 1 }} contentContainerStyle={{ padding: 20 }}>
      <Text style={styles.header}>Boxes Example</Text>
      <Box contentAlignment="center" modifier={Modifier.fillMaxWidth()}>
        <Text>Centered Box</Text>
        <Icon
          name="home"
          theme="filled"
          contentDescription="notifications icon"
        />
      </Box>
    </ScrollView>
  );
}

const styles = StyleSheet.create({
  header: {