/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 vote92 views1 answer
Ctx in react
Javascript React
3 votes118 views3 answers
How to update react app
Javascript React
0 vote142 views2 answers
How to sent react from data in mongodb
Javascript React
0 vote112 views5 answers
Arrow function component react shortcut vscode
Javascript React
-1 vote126 views1 answer
Paypal in react js
Javascript React
-1 vote98 views1 answer
React native smart splash screen
Javascript React
0 vote99 views1 answer
Using redux on react extension
Javascript React
8 votes123 views3 answers
Export 'Switch' (imported as 'Switch') was not found in 'react-router-dom'
Javascript React
0 vote109 views1 answer
Pass text to button component react
Javascript React
0 vote120 views1 answer
Select checkbox raitng in order javascript React
Javascript React