/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 vote146 views2 answers
Prism react renderer
Javascript React
1 vote155 views1 answer
How to know react and react-native version
Javascript React
108 votes185 views2 answers
Make react project
Javascript React
4 votes153 views1 answer
Error Invalid regular expression: /(.*\\__fixtures__\\.*|node_modules[\\\]react[\\\]dist[\\\].*|website\\node_modules\\.*|heapCapture\\bundle\.js|.*\\__tests__\\.*)$/: Unterminated character class.
Javascript React
7 votes140 views2 answers
Insert a line break into a text component in react-native
Javascript React
0 vote140 views1 answer
Text decoration react native
Javascript React
0 vote164 views1 answer
React native check os
Javascript React
-1 vote135 views6 answers
Set image as background react
Javascript React
0 vote153 views1 answer
React useref file input
Javascript React
0 vote166 views1 answer
Back press subscriptions i is not a function react native
Javascript React