我正在使用native-base创建一个React Native应用程序:
我正在使用Header组件显示Body、Left和Right元素。根据文档,标题应该自动居中,但实际并没有(如下所示)。
我是否忽略了一些简单的东西?任何帮助都将不胜感激!
import {
Container,
Header,
Content,
Left,
Right,
Body,
Title,
Icon
} from "native-base"
export default class Seminars extends React.Component{
render(){
return(
<Container style={styles.container}>
<Header style={styles.header}>
<Left>
<Icon name='arrow-back' />
</Left>
<Body>
<Title>Seminars</Title>
</Body>
<Right>
<Icon name='menu' />
</Right>
</Header>
<Content contentContainerStyle={styles.content} >
<Text>Content Here</Text>
</Content>
</Container>
)
}
}
const styles = StyleSheet.create({
container: {
},
header: {
paddingRight: 15,
paddingLeft: 15
},
content: {
display: "flex",
flex: 1,
justifyContent: "center",
padding: 15
}
});
<Title style={{ alignSelf: 'center'}}>
- Jigar Shah