导航栏不会折叠

Question

我试图制作与YouTube应用相同的行为：当向下滚动时，导航栏必须折叠（标签保留），并且在向上滚动时必须重新出现。

我坚持第一步，使用react-native-navigation组件（https://github.com/wix/react-native-navigation）。

这里我定义了我的屏幕导航选项：

public static navigationOptions = () => {
    return {
        ...MyScreen.getDefaultNavigationOptions(),
        tabBarIcon: (options) => {
            return (<Icon
                name="person" size={RN.Platform.OS == "ios" ? 30 : 25} style={{ color: options.tintColor }} />
            );
        },
        title: t("My Screen")
    };
}

这是我的导航选项：

public static getDefaultNavigationOptions() {
    return {
        headerLeft: null,
        headerRight: null,
        headerStyle: {
            backgroundColor: ColorManager.colors.primaryColor
        },
        headerTitleStyle: {
            color: ColorManager.colors.text,
            fontSize: 25,
            marginLeft: 15,
            width: "100%"
        },

        navBarHideOnScroll: true,
        expendCollapsingToolBarOnTopTabChange: false,
        drawUnderTabBar: true,
        topBarCollapseOnScroll: true,

        title: ""
    };
}

我的renderView父级是ScrollView，但是当我向下滚动时（导航栏似乎是固定的）没有任何反应。

有什么想法吗？

谢谢。

Answer 1

我不知道react是否需要遵守与Jquery和JavaScript相同的语法规则，但是在逗号分隔的参数末尾应该有一个分号。所以，“tittle”和“width”参数应以分号结尾。