React Native样式（style）及布局属性（flexDirection、justifyContent、alignItems、flex）

React Native 中的样式和布局使用 Flexbox 模型。Flexbox 提供了一种更灵活的布局方法，适用于移动设备和大屏幕设备。

以下是一些常用的样式和布局属性：

1. flexDirection：控制子元素的排列方向，可以是 row（水平）或 column（垂直）。
2. justifyContent：控制子元素在主轴方向上的对齐方式，如 flex-start、center、flex-end 或 space-between。
3. alignItems：控制子元素在交叉轴方向上的对齐方式，如 flex-start、center、flex-end 或 stretch。

示例代码：

import React from 'react';
import { View, Text } from 'react-native';
 
const App = () => (
  <View style={{ flex: 1 }}>
    <View style={{ flexDirection: 'row', justifyContent: 'center', alignItems: 'center' }}>
      <Text>Hello</Text>
      <Text>World</Text>
    </View>
  </View>
);
 
export default App;

在这个例子中，外层的 View 组件使用了 flex: 1 来占满整个屏幕。内层的 View 组件设置了 flexDirection 为 'row'，表示子元素（两个 Text 组件）会水平排列。justifyContent 设置为 'center' 表示子元素在水平方向上居中，alignItems 设置为 'center' 表示子元素在垂直方向上居中。