滚动

时间:2018-03-04 16:29:32

标签: javascript reactjs react-native react-navigation

我正在尝试制作与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,但是当我向下滚动时(导航栏似乎是固定的)没有任何反应。

任何想法为什么?

感谢。

1 个答案:

答案 0 :(得分:0)

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