/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 vote297 views1 answer
Change color react icon
Javascript React
0 vote295 views1 answer
Dark mode with react hooks
Javascript React
0 vote284 views1 answer
Check uncek react-bootstrap-table reactjs
Javascript React
0 vote371 views1 answer
Login condition if and else in router dom of react jsx
Javascript React
0 vote290 views2 answers
React social login button
Javascript React
0 vote293 views1 answer
React native passing params to nested navigators
Javascript React
4 votes302 views3 answers
Get params in react router dom v6
Javascript React
35 votes312 views6 answers
Create react app with tailwind
Javascript React
1 vote320 views2 answers
Expo create react native app
Javascript React
0 vote307 views1 answer
Create react app node: internal/modules/cjs/loader:936throw err;^Error: Cannot find module 'react-scripts/scripts/init.js'
Javascript React