diff --git a/src/components/OptionsList/BaseOptionsList.js b/src/components/OptionsList/BaseOptionsList.js index 28c9b1e70940..e417234bb14a 100644 --- a/src/components/OptionsList/BaseOptionsList.js +++ b/src/components/OptionsList/BaseOptionsList.js @@ -224,7 +224,7 @@ class BaseOptionsList extends Component { onScrollBeginDrag={this.props.onScrollBeginDrag} onScroll={this.props.onScroll} contentContainerStyle={this.props.contentContainerStyles} - showsVerticalScrollIndicator={false} + showsVerticalScrollIndicator={this.props.showScrollIndicator} sections={this.props.sections} keyExtractor={this.extractKey} stickySectionHeadersEnabled={false} diff --git a/src/components/OptionsList/optionsListPropTypes.js b/src/components/OptionsList/optionsListPropTypes.js index e6e507f4da09..74c13c7f2455 100644 --- a/src/components/OptionsList/optionsListPropTypes.js +++ b/src/components/OptionsList/optionsListPropTypes.js @@ -75,6 +75,9 @@ const propTypes = { /** Whether to disable the inner padding in rows */ shouldDisableRowInnerPadding: PropTypes.bool, + + /** Whether to show the scroll bar */ + showScrollIndicator: PropTypes.bool, }; const defaultProps = { @@ -97,6 +100,7 @@ const defaultProps = { onLayout: undefined, shouldHaveOptionSeparator: false, shouldDisableRowInnerPadding: false, + showScrollIndicator: false, }; export {propTypes, defaultProps}; diff --git a/src/components/OptionsSelector/BaseOptionsSelector.js b/src/components/OptionsSelector/BaseOptionsSelector.js index aef909f1d5c2..a88e050b2aeb 100755 --- a/src/components/OptionsSelector/BaseOptionsSelector.js +++ b/src/components/OptionsSelector/BaseOptionsSelector.js @@ -356,6 +356,7 @@ class BaseOptionsSelector extends Component { contentContainerStyles={[safeAreaPaddingBottomStyle, ...this.props.contentContainerStyles]} listContainerStyles={this.props.listContainerStyles} isLoading={!this.props.shouldShowOptions} + showScrollIndicator={this.props.showScrollIndicator} /> ); return ( diff --git a/src/pages/ReportParticipantsPage.js b/src/pages/ReportParticipantsPage.js index 6bf1bc0c438a..380be17a0f7d 100755 --- a/src/pages/ReportParticipantsPage.js +++ b/src/pages/ReportParticipantsPage.js @@ -121,6 +121,7 @@ function ReportParticipantsPage(props) { }} hideSectionHeaders showTitleTooltip + showScrollIndicator disableFocusOptions boldStyle optionHoveredStyle={styles.hoveredComponentBG} diff --git a/src/pages/workspace/WorkspaceInvitePage.js b/src/pages/workspace/WorkspaceInvitePage.js index 43ea7951c168..bff4a55d94a0 100644 --- a/src/pages/workspace/WorkspaceInvitePage.js +++ b/src/pages/workspace/WorkspaceInvitePage.js @@ -228,6 +228,7 @@ function WorkspaceInvitePage(props) { onChangeText={setSearchTerm} onConfirmSelection={inviteUser} headerMessage={headerMessage} + showScrollIndicator hideSectionHeaders boldStyle shouldDelayFocus