/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 vote196 views3 answers
React mid senior dev interview questuions
Javascript React
2 votes230 views1 answer
React promises
Javascript React
0 vote221 views1 answer
Event pooling in react/event.persist/using async function in event callback
Javascript React
8 votes216 views1 answer
Ternary operator in button react
Javascript React
8 votes229 views2 answers
Set value as object in react hooks
Javascript React
-1 vote226 views1 answer
Component navigation without changin the url react router
Javascript React
0 vote230 views1 answer
How to redirect a form to another page when we submitted a form in react js
Javascript React
5 votes236 views4 answers
React route multiple components
Javascript React
31 votes212 views1 answer
React router dom npm
Javascript React
0 vote188 views1 answer
React open on different url instead of localhost
Javascript React