/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 vote292 views1 answer
React-metismenu-router-link
Javascript React
0 vote327 views1 answer
Avoid compressing imagepicker react native
Javascript React
0 vote318 views1 answer
Mdbootstrap react
Javascript React
0 vote290 views1 answer
Import ipcRenderer in react
Javascript React
48 votes335 views4 answers
How to add comment in react js
Javascript React
32 votes288 views1 answer
How to use routes in react js
Javascript React
0 vote298 views1 answer
How to filter items in react state
Javascript React
0 vote303 views1 answer
Flutter or react native
Javascript React
0 vote318 views1 answer
React index.js file
Javascript React
0 vote344 views1 answer
Get call log in react native android
Javascript React