This documentation is available as Markdown for AI agents and LLMs. See the full Markdown index or append .md to any documentation URL.

Expo UI Box 与官方 Jetpack Compose Box API 相匹配，并将子元素堆叠在一起，同时支持可配置的内容对齐方式。

🌐 Expo UI Box matches the official Jetpack Compose Box API and stacks children on top of each other with configurable content alignment.

安装

🌐 Installation

If you are installing this in an existing React Native app, make sure to install expo in your project.

用法

🌐 Usage

Box 将子元素堆叠在一起。使用 contentAlignment 在盒子内定位它们。

import { Host, Box, Text } from '@expo/ui/jetpack-compose';
import { size, background } from '@expo/ui/jetpack-compose/modifiers';

export default function BoxExample() {
  return (
    <Host matchContents>
      <Box contentAlignment="center" modifiers={[size(200, 200), background('#E0E0E0')]}>
        <Text>Centered in Box</Text>
      </Box>
    </Host>
  );
}

应用接口

🌐 API

import { Box } from '@expo/ui/jetpack-compose';

Component