/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

1 vote126 views2 answers
What is reactive method
Javascript React
0 vote133 views1 answer
React 10 to 1 with step -2 (odd numbers between [1..10] inverted order)
Javascript React
-2 votes142 views2 answers
React native text align vertical center
Javascript React
0 vote119 views1 answer
Chromepicker react-color not working
Javascript React
6 votes130 views1 answer
React native activityindicator
Javascript React
1 vote122 views2 answers
React native choose simulator
Javascript React
0 vote147 views1 answer
How to get css property of div after rendering in react js
Javascript React
0 vote162 views1 answer
./node_modules/react-draft-wysiwyg/dist/react-draft-wysiwyg.js
Javascript React
3 votes133 views3 answers
How to remove global react-native-cli package
Javascript React
12 votes128 views3 answers
Get value of input react
Javascript React