/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 vote285 views1 answer
React native elements bottom sheet close on back button press
Javascript React
0 vote219 views3 answers
React router browser refresh
Javascript React
0 vote255 views1 answer
Link externo no react
Javascript React
1 vote229 views2 answers
What is the purpose of the super(props) method in React
Javascript React
18 votes218 views6 answers
Add svg in react
Javascript React
0 vote217 views1 answer
New Intl.NumberFormat en react
Javascript React
-1 vote233 views1 answer
How to retrieve filename from a blob response in react js
Javascript React
0 vote238 views1 answer
Ab mob react native expo
Javascript React
113 votes261 views6 answers
React app
Javascript React
0 vote245 views1 answer
Onclick start and stop the count react
Javascript React