Question

我制作了标题和内容。但是当我添加导航器并且我不知道如何删除它时，似乎在它们之间有空白区域。是否可以删除它们？

这是我的代码

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>[enter image description here][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

Answer 1

你可以使用navigatorOptions为导航栏提供标题标题，这里白色空间是由于标题组件和导航栏分别放在JSX中，所以标题占用空间，导航栏占用空间创建这个白色空间。

bufc

将其放在Cluster1组件中，为导航栏指定标题，并从视图中删除标题组件。

或者删除此空格的另一种方法是，您可以提供headerMode＆＃39; none＆＃39;如果你想添加自己的自定义标题。

static navigationOptions = {
    title: 'Test',
    headerTitle: 'Test',
};

注意： - You can find more info on the navigationOptions from here.

添加导航器时，在其间反应原生空白

1 个答案: