Horizontal ScrollView does not work in react native

84 Views Asked by At

I am using Expo SDK 44, and trying to print a list with horizontal scroll functionality, but the Scroll seems not to be working. Here is my code

<SafeAreaView>
    <ScrollView horizontal={true} style={{ paddingHorizontal: 16, paddingBottom: 8, paddingTop: 4 }}>
        <View style={{ width: 250 }}>
            <Text style={{ color: color.surface, fontSize: 16, lineHeight: 20 }}>
                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
            </Text>
            <Text style={{ color: color.surface, fontSize: 16, lineHeight: 20 }}>
                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
            </Text>
        </View>
        <View style={{ width: 250 }}>
            <Text style={{ color: color.surface, fontSize: 16, lineHeight: 20 }}>
                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
            </Text>
            <Text style={{ color: color.surface, fontSize: 16, lineHeight: 20 }}>
                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
            </Text>
        </View>
    </ScrollView>
</SafeAreaView>
1

There are 1 best solutions below

0
Dixon On BEST ANSWER

Your code is perfectly fine at both platforms. Make sure code changes were applied. You can reset metro bundler by running and rebuilding app.

react-native start -- --reset-cache

android