react native scroll view doesnt scroll in android

Question

the scrollview work in ios but not in android

import React from 'react';
import {
    ScrollView,
    StyleSheet,
    Text,
    View,
} from 'react-native';
export default class HomeScreen extends React.Component {
    render() {
        return (        
            <ScrollView style={css.outside} contentContainerStyle={css.contentContainer}>
                <Text>some text</Text>
                <Text>some text</Text>
                <Text>some text</Text>
                <Text>some text</Text>
                <Text>some text</Text>
                <Text>some text</Text>
                <Text>some text</Text>
                <Text>some text</Text>
                <Text>some text</Text>
                <Text>some text</Text>
                <Text>some text</Text>
                <Text>some text</Text>
                <Text>some text</Text>
            </ScrollView>       
        )
    }   
}

const css = StyleSheet.create({
    outside :{

        flex:1,
    },
    contentContainer: {

        paddingTop: 30,
    },
});

snack : https://snack.expo.io/@cosmo/simple-scroll

you don't have enough content to scroll

Hardik Virani
– Hardik Virani

2019-06-06 09:31:43 +00:00
Commented Jun 6, 2019 at 9:31 — Hardik Virani
– Hardik Virani, Commented Jun 6, 2019 at 9:31

Kamal Pandey · Accepted Answer · 2019-06-06 09:59:56Z

You don't have enough content for this. Either add more content or try with below provided one to confirm it is working fine in android.

import React from 'react';
import {
    ScrollView,
    StyleSheet,
    Text,
    View,
} from 'react-native';
export default class HomeScreen extends React.Component {
    render() {
        return (        
      <View style={{height: 150}}>
        <ScrollView contentContainerStyle={css.contentContainer}>
                <Text>some text</Text>
                <Text>some text</Text>
                <Text>some text</Text>
                <Text>some text</Text>
                <Text>some text</Text>
                <Text>some text</Text>
                <Text>some text</Text>
                <Text>some text</Text>
                <Text>some text</Text>
                <Text>some text</Text>
                <Text>some text</Text>
                <Text>some text</Text>
                <Text>some text</Text>
            </ScrollView>       
      </View>

        )
    }   
}

const css = StyleSheet.create({
    contentContainer: {
        paddingTop: 30,
    },
});

Collectives™ on Stack Overflow

react native scroll view doesnt scroll in android

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related