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

信息 有关跨平台使用，请参阅通用 Row —— 它会根据平台呈现相应的原生组件。

Expo UI Row 与官方 Jetpack Compose Row API 相匹配，并以可配置的排列和对齐方式水平放置子元素。

🌐 Expo UI Row matches the official Jetpack Compose Row API and places children horizontally with configurable arrangement and alignment.

安装

🌐 Installation

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

用法

🌐 Usage

Row 将儿童水平排列。使用 horizontalArrangement 和 verticalAlignment 来控制间距和对齐。

import { Host, Row, Text } from '@expo/ui/jetpack-compose';
import { fillMaxWidth, height } from '@expo/ui/jetpack-compose/modifiers';

export default function RowExample() {
  return (
    <Host matchContents>
      <Row
        horizontalArrangement="spaceEvenly"
        verticalAlignment="center"
        modifiers={[fillMaxWidth(), height(60)]}>
        <Text>Item 1</Text>
        <Text>Item 2</Text>
        <Text>Item 3</Text>
      </Row>
    </Host>
  );
}

应用接口

🌐 API

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

Component