reactjs - 如何在本机反应中使用水平体重计

Question

我现在正在制作一个反应原生应用程序。我需要在应用程序中使用水平权重滚动条，就像我附加的图像一样。当用户滚动水平滚动条时，应用程序应该显示重量数字。我不确定如何在反应本机应用程序中进行此编码。

体重秤屏幕 我现在使用的是 react-native 0.63.4。请帮我完成这个编码。谢谢

标签： reactjsreact-nativescrollviewweighted-graph

Answer 1

const translateX = useRef(new Animated.Value(0)).current;

return (
    <Animated.ScrollView
        scrollEventThrottle={16}
        onScroll={Animated.event(
            [{nativeEvent: {contentOffset: {y: translateX}}}],
            {
                useNativeDriver: true,
            },
        )}>
        <Animated.View style={{transform: [{translateX: translateX}]}}>
            {/* Place Your Unit Measurement Shapes */}
        </Animated.View>
    </Animated.ScrollView>
);