31 lines
772 B
JavaScript
31 lines
772 B
JavaScript
import React from 'react';
|
|||
import { ScrollView, StyleSheet } from 'react-native';
|
|||
import PropTypes from 'prop-types';
|
|||
import { withTheme } from '../../theme';
|
|||
import scrollPersistTaps from '../../utils/scrollPersistTaps';
|
|||
|
|||
const styles = StyleSheet.create({
|
|||
container: {
|
|||
paddingVertical: 16
|
|||
}
|
|||
});
|
|||
|
|||
const ListContainer = React.memo(({ children, ...props }) => (
|
|||
<ScrollView
|
|||
contentContainerStyle={styles.container}
|
|||
scrollIndicatorInsets={{ right: 1 }} // https://github.com/facebook/react-native/issues/26610#issuecomment-539843444
|
|||
{...scrollPersistTaps}
|
|||
{...props}
|
|||
>
|
|||
{children}
|
|||
</ScrollView>
|
|||
));
|
|||
|
|||
ListContainer.propTypes = {
|
|||
children: PropTypes.array.isRequired
|
|||
};
|
|||
|
|||
ListContainer.displayName = 'List.Container';
|
|||
|
|||
export default withTheme(ListContainer);
|
