隐藏本机旧页面标题

Question

我目前正在开发本机应用程序，并且在某些方面停留了一段时间。问题是我有这样的设置

主页->设置页面->信息页面

我已经隐藏了首页上的标题，在“设置”页面上显示了可见的标题，以及我想做什么：当我导航到“信息页面”时，我想从设置页面中隐藏标题。我的意思是我希望第三页从屏幕上获取所有空间。

我将附上我的情况的零食示例...希望有人能告诉我解决方案。先感谢您！ ：）

[https://snack.expo.io/@sapuu_ae/example-snack-stack->在Android / iOS设备上将其打开，在网络模拟器上无法正常显示。

Answer 1

问题不是标题，只是您的导航设置有点时髦。这是两个使用不同导航设置的工作版本。首先，我们需要定义屏幕。

class Home extends React.Component {
    render() {
        return (
            <View style={styles.container}>
                <Text style={styles.paragraph} onPress={() => this.props.navigation.navigate('Second')}>
                    Press it
                </Text>
            </View>
        );
    }
}

class Second extends React.Component {
    render() {
        return (
            <View style={styles.container}>
                <Text style={styles.paragraph}>
                    Second Page
                </Text>
                <Text style={styles.paragraph} onPress={() => this.props.navigation.navigate('Third')}>
                    Press for Third Page
                </Text>
            </View>
        );
    }
}

class Third extends React.Component {
    render() {
        return (
            <View style={styles.container}>
                <Text style={styles.paragraph}>
                    Third page here
                </Text>
            </View>
        );
    }
}

1. 此假设所有屏幕都是同一堆栈的一部分：

const RootStack = createStackNavigator({
    Home: Home,
    Second: Second,
    Third : Third
});

const AppContainer = createAppContainer(RootStack);

export default class App extends React.Component {
    render() {
        return <AppContainer />;
    }
}

2. 此假定第三屏幕与第二屏幕一起包含在另一个堆栈中。

const secondScreenStack = createStackNavigator({
    Second: Second,
    Third: Third
}, {
    defaultNavigationOptions: {
        header: null
    }
});

const RootStack = createStackNavigator({
    Home: Home,
    Second: secondScreenStack
});

const AppContainer = createAppContainer(RootStack);

export default class App extends React.Component {
    render() {
        return <AppContainer />;
    }
}