/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

2 votes149 views1 answer
React promises
Javascript React
4 votes158 views2 answers
'Switch' is not exported from 'react-router-dom'.
Javascript React
0 vote165 views1 answer
React chrome get language
Javascript React
0 vote171 views1 answer
React function runs several times
Javascript React
0 vote164 views2 answers
React generate component command
Javascript React
14 votes189 views4 answers
&& in react jsx
Javascript React
0 vote182 views1 answer
How to go to settings on next click in react native
Javascript React
11 votes172 views3 answers
Redirect onclick react
Javascript React
131 votes372 views6 answers
Creating react app
Javascript React
0 vote145 views1 answer
Added font to react native
Javascript React