1. Flex Container（Flex 容器）： 通过设置 flex 属性为容器指定 Flex 布局，容器内的子组件将根据这个属性进行布局。
const styles = StyleSheet.create({
container: {
flex: 1, // 1 代表容器占据全部可用空间
flexDirection: 'row', // 主轴方向，可选值有 'row'、'column' 等
justifyContent: 'center', // 主轴上的对齐方式，可选值有 'flex-start'、'center' 等
alignItems: 'center', // 交叉轴上的对齐方式，可选值有 'flex-start'、'center' 等
},
});
2. Flex Item（Flex 子组件）： 容器内的直接子组件会根据容器的 Flexbox 设置进行布局。
const styles = StyleSheet.create({
item: {
flex: 1, // 子组件占据的空间比例
},
});
3. 主轴和交叉轴： Flexbox 有一个主轴和一个交叉轴。主轴是 flexDirection 属性定义的轴，而交叉轴是与之垂直的轴。
4. flex 属性： 用于设置组件的扩展比例，决定在容器内占据多少空间。默认值为 0。
5. flexDirection 属性： 决定主轴的方向，可选值有 'row'（水平方向）、'column'（垂直方向）等。
6. justifyContent 属性： 决定主轴上的对齐方式，可选值有 'flex-start'、'center'、'flex-end' 等。
7. alignItems 属性： 决定交叉轴上的对齐方式，可选值有 'flex-start'、'center'、'flex-end' 等。
这些是 Flexbox 在 React Native 中的基本用法，你可以根据项目的需要灵活调整这些属性，以实现不同的布局效果。
转载请注明出处：http://www.zyzy.cn/article/detail/9503/React Native