/Javascript/React/Overflow scroll react native

Overflow scroll react native

import React, { Component } from "react";
import { ScrollView, View } from "react-native";
const { height } = Dimensions.get("window");

export class index extends Component {
  state = {
    screenHeight: 0,
  };
  onContentSizeChange = (contentWidth, contentHeight) => {
    this.setState({ screenHeight: contentHeight });
  };
  render() {
    const scrollEnabled = this.state.screenHeight > height;
    return (
      <ScrollView
        style={{ flex: 1 }}
        contentContainerStyle={styles.scrollview}
        scrollEnabled={scrollEnabled}
        onContentSizeChange={this.onContentSizeChange}
      >
        <View style={styles.content}></View>
      </ScrollView>
    );
  }
}

export default index;

Source: stackoverflow.com

Similar codes

22 votes105 views2 answers
React-bootstrap example
Javascript React
0 vote105 views1 answer
Create app with a specific react version
Javascript React
0 vote110 views1 answer
How to resolve click for div logging as parent too, in react
Javascript React
3 votes202 views3 answers
Center element react native
Javascript React
0 vote119 views1 answer
Difference between controlled and uncontrolled components in react js
Javascript React
15 votes113 views2 answers
Ternary react
Javascript React
7 votes130 views2 answers
Import a script to my react componetn
Javascript React
0 vote93 views1 answer
Dynamic for loop react
Javascript React
0 vote104 views1 answer
React native-base DatePicker comes up Minimized on iOS Asked
Javascript React
0 vote105 views1 answer
ERROR TypeError: undefined is not an object (evaluating '_reactNative.Styles.m aincont')
Javascript React