を使用してネイティブ反応します。ドキュメントによれば、タイトルは自動的に中心に置かれますが、それはそうではありません(下記参照)。ヘッダーのタイトルは、私が反応ネイティブアプリを作成するために、ネイティブ・ベースを使用しているネイティブ・ベース
私はここで何かが欠けていますか?どんな助けもありがとう!
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
}
});
コードタグを付けて画像にはありません。 –
paddingRightを取り除き、ヘッダを置いてください。 –
こんにちは。パディングを削除しても効果はありません。 –