小编Bon*_*rti的帖子

滚动视图内的粘性组件

我试图建立像这个应用程序的粘性组件

http://www.screencapture.ru/file/E88F08Fc

交易,产品,事件选项卡/ segmentControl实际上是从底部开始,当你点击标题的底部时滚动它停止并开始坚持,同时内容保持滚动

这是我的代码

        <View style={styles.container}>
            <ScrollView 
                style={styles.container}
                scrollEventThrottle={16}
                onScroll={
                    Animated.event(
                        [{nativeEvent:{contentOffset: {y: this.state.scrollY}}}]
                    )
                }
            >
                {this._renderScrollViewContent()}
            </ScrollView>
            <View style={styles.stickyStuff}></View>
            <Animated.View
                style={[styles.header, {height: headerHeight}]}
            >
                <Animated.Image
                    source={require('../../assets/images/pvj.jpg')}
                    style={[styles.backgroundImage, {opacity: imageOpacity}]}
                />
                <Animated.View style={[styles.bar, {transform: [{translateY: titleTranslateY}, {translateX: titleTranslateX}]}]}>
                    <Text style={styles.title}>PARIS VAN JAVA</Text>
                </Animated.View>

            </Animated.View>
        </View>
Run Code Online (Sandbox Code Playgroud)

react-native

12
推荐指数
3
解决办法
3万
查看次数

标签 统计

react-native ×1