DialogScrollArea

A component to show a scrollable content in a Dialog. The component only provides appropriate styling. For the scrollable content you can use ScrollView, FlatList etc. depending on your requirement.

Usage

import * as React from 'react';
import { ScrollView } from 'react-native';
import { Dialog, DialogScrollArea } from 'react-native-paper';

export default class MyComponent extends React.Component {
  state = {
    visible: false,
  };

  _hideDialog = () => this.setState({ visible: false });

  render() {
    return (
      <Dialog
        visible={this.state.visible}
        onDismiss={this._hideDialog}>
        <DialogScrollArea>
          <ScrollView contentContainerStyle={{ paddingHorizontal: 24 }}>
            This is a scrollable area
          </ScrollView>
        </DialogScrollArea>
      </Dialog>
    );
  }
}