Реагируйте на собственные пробелы между ними при добавлении навигаторов
Сделал шапку и контент. Но когда я добавляю в навигатор и не знаю, как его удалить, между ними появляются пробелы. Можно ли их удалить?
Вот мой код
export default class App extends React.Component {
render(){
return (
<View style = {styles.container}>
<Header/>
<AppNavigator/>
</View>
);
}
}
Это мой навигатор
const AppNavigator = StackNavigator({
Cluster1: {
screen: Cluster1,
},
});
Это мой заголовок
export default class Header extends React.Component {
render() {
return (
<View>[][1]
<View >
<Text>Test</Text>
</View>
</View>
);
}
}
Это мой контент
export default class Cluster1 extends Component{
render(){
return(
<View>
<Text>Testing</Text>
</View>
);
}
}
Вот результат [1]: https://i.stack.imgur.com/tyONT.png
Ответы 1
вы можете использовать navigatorOptions для присвоения заголовка заголовка панели навигации, здесь пустое пространство связано с тем, что компонент заголовка и панель навигации размещаются отдельно в JSX, поэтому заголовок занимает свое пространство, а панель навигации занимает пространство, которое создает это пустое пространство.
static navigationOptions = {
title: 'Test',
headerTitle: 'Test',
};
Поместите это в свой компонент Cluster1, чтобы дать панели навигации заголовок и удалить компонент заголовка из представления.
Или другой способ удалить это пустое пространство - вы можете указать headerMode «none», если вы хотите добавить свой собственный пользовательский заголовок.
static navigationOptions = {
headerMode: 'none'
};
Примечание: - Вы можете найти дополнительную информацию о вариантах навигации здесь.
О, я вижу. Большое спасибо!