/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 vote335 views5 answers
React date picker
Javascript React
-1 vote362 views1 answer
Flatlist react native horizontal
Javascript React
16 votes352 views1 answer
React native loop in render
Javascript React
7 votes362 views2 answers
React native rename
Javascript React
1 vote361 views1 answer
React 360
Javascript React
-3 votes373 views2 answers
Generate android folder in react native
Javascript React
-1 vote344 views1 answer
Date time react component
Javascript React
4 votes341 views4 answers
React background gradient
Javascript React
0 vote359 views2 answers
React query stop refetch when i switch browser tabs (per query)
Javascript React
1 vote372 views1 answer
Add value to state array react native dispatch
Javascript React