/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 vote123 views1 answer
Usehistory v6 go back to previous route in react
Javascript React
1 vote136 views1 answer
Npm react redux logger
Javascript React
0 vote129 views1 answer
How to give radius to imagebackground in react native
Javascript React
0 vote143 views1 answer
Onclick on fragment react
Javascript React
1 vote124 views1 answer
React redux actions must be plain objects
Javascript React
6 votes112 views2 answers
React native indicator
Javascript React
0 vote128 views1 answer
Make image circle css react
Javascript React
0 vote140 views1 answer
React hooks, react custom hooks
Javascript React
1 vote199 views1 answer
Update create react app package to latest
Javascript React
1 vote86 views1 answer
Mkdir: cannot create directory â€˜src/components/dashboardâ€™: no such file or directory in react
Javascript React