/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

0 vote333 views1 answer
Add image to ag-grid with react
Javascript React
0 vote517 views1 answer
Canvas js in react
Javascript React
24 votes344 views6 answers
Box shadow react native
Javascript React
9 votes314 views3 answers
React Hook "useState" is called in function "app" which is neither a React function component or a custom React Hook function react-hooks/rules-of-hooks
Javascript React
0 vote373 views1 answer
How to make back button react
Javascript React
0 vote320 views1 answer
Can't bookmark react router
Javascript React
3 votes302 views2 answers
React router hooks
Javascript React
3 votes339 views1 answer
React data attributes event
Javascript React
22 votes321 views4 answers
Shadow elevation react native
Javascript React
0 vote354 views1 answer
My react router Dom learnings
Javascript React