Question

我正在使用我的reactNative移动应用程序中的react-native-router-flux管理路线。当我滚动应用程序时，我试图减小NavigationBar的高度。我已经创建了一个自定义的navBar，但我不知道如何在滚动时减小navBar的高度。

<Scene key="profile" path="/profile/posts/:userIdParam" identifier="profile" component={PostProfileContainer} back navBar={CustomNavBar}/>

我的customNavBar

const CustomNavBar = ({back, title,identifier}) => {
    return (
        <View style={styles.customNavigationContainer}>

            {back && <TouchableOpacity onPress={Actions.pop} style={styles.leftRightContainer}>
                <View style={styles.backSubContainer}>
                    <Icon name="ios-arrow-back" style={styles.backArrowIcon}/>
                    <Text style={{fontSize: 16, marginLeft: 10, color: 'black'}}>Back</Text>
                </View>
            </TouchableOpacity>}
            <View style={styles.navigationTitleContainer}>
                <Text style={styles.navigationTitleText}>
                    {title}
                </Text>
            </View>
            {back && <View style={styles.leftRightContainer}>
                <View style={styles.backSubContainer}/>
            </View>}
        </View>
    )
};

我可以使用<Scene hideNavBar={true} >隐藏我的navBar。但是我想在滚动时平稳地降低navBar的高度。

我已经使用了此解决方案，但是窗台无法使其工作

Actions.refresh({key: Math.random(), hideNavBar: true })

滚动时降低NavigationBar的高度-RouterWithRedux / ReactNative

0 个答案: