以下是代码示例:期望的行为是显示一个绿色背景的视图。当在容器上设置alignItems: 'center'
时,绿色背景的视图不会显示。从容器样式中删除alignItems: 'center'
可以显示绿色视图。有人能解释一下为什么会这样工作吗?这不是布局系统中的错误吗?谢谢。
import React, { Component } from 'react';
import { View, StyleSheet } from 'react-native';
export default class App extends Component {
render() {
return (
<View style={styles.container}>
<View style={{flex: 1, backgroundColor:'green'}}>
</View>
</View>
);
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: 'center',
alignItems: 'center'
}
});